I am trying to make some buttons have the width despite having different text.
Trying to use the steps you have written in previous threads on the forum but no success.
Added "fixed-size" as a extra class to the button and Add this into the Custom CSS box located in your Salient Options panel :
.nectar-button.fixed-size {
width: 300px;
}
Tried adding the css in both salient options and the page setting css with no success. Even tried the .nectar-3d-transparent-button class but no luck. I typed the URL for the specific page in the related url box.
Ok ill have to change to See Through Solid On Hover button then.
I would like all the buttons on the site to have the same width and have the same border width. But when setting the height the text vertical alignment is not centered.
If I use 300px will it not be problems on smaller screens?
I tried the css below but my issues are following:
Is it better to use vw instead och px for button width so that its the same on all screens?
What should I do about the text vertical alignment when wetting the button height to 60px or higher?
The border does not get wider when using border: 4px; . What to do?
To streamline our communication and ensure timely resolution of all your inquiries, we kindly request that you open a new ticket for the new set of queries you have. This will allow us to prioritize and address each issue with the attention it deserves, without any potential oversight.
We appreciate your cooperation and understanding in this matter.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello
I am trying to make some buttons have the width despite having different text.
Trying to use the steps you have written in previous threads on the forum but no success.
Added "fixed-size" as a extra class to the button and Add this into the Custom CSS box located in your Salient Options panel :
.nectar-button.fixed-size { width: 300px; }Tried adding the css in both salient options and the page setting css with no success. Even tried the .nectar-3d-transparent-button class but no luck.
I typed the URL for the specific page in the related url box.
Hi there,
Thank you for reaching out to us.
To clarify, do you want the buttons to have the same width? If so, do you want only these two buttons to have the same size?
We look forward to your reply.
Thanks,
Hey Again,
I am afraid the 3D button width cant be changed via CSS as its generated via a JS script.
Thanks.
ThemeNectar Support Team
Ok ill have to change to See Through Solid On Hover button then.
I would like all the buttons on the site to have the same width and have the same border width. But when setting the height the text vertical alignment is not centered.
If I use 300px will it not be problems on smaller screens?
I tried the css below but my issues are following:
.nectar-button.fixed-size { width: 300px; height: 60px; border: 4px; }Hello Moofrad,
Thanks for writing back.
To streamline our communication and ensure timely resolution of all your inquiries, we kindly request that you open a new ticket for the new set of queries you have. This will allow us to prioritize and address each issue with the attention it deserves, without any potential oversight.
We appreciate your cooperation and understanding in this matter.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-button.fixed-size { min-width: 250px; height: 60px; line-height: 30px; }Thanks
ThemeNectar Support Team
Thank you