Both Templates are using a Different Style Button . Also the Band ones have not Gradient in them its likely the Rounded corners thats giving that impression .
Tahir I know the styles are different but CSS is CSS. What is the CSS needed to make it horizontal vs vertical You do a great job helping me find the classes, why stop now?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello,
Some themes have vertical or horizontal (direction) gradient buttons. How does one control the direction? Thank you!
Hey Again,
Are you referring to any particular element in our demo ?.
ThemeNectar Support Team
Hey Again,
Both Templates are using a Different Style Button . Also the Band ones have not Gradient in them its likely the Rounded corners thats giving that impression .
Best
ThemeNectar Support Team
Tahir I know the styles are different but CSS is CSS. What is the CSS needed to make it horizontal vs vertical You do a great job helping me find the classes, why stop now?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar-button.see-through-extra-color-gradient-1:after { background: #4dd599; background: linear-gradient(to bottom, #4dd599, #10ceda) !important; }Thanks
ThemeNectar Support Team
That gradient code is top / bottom, not left / right. Here is the correct code if anyone needs it:
background: linear-gradient(90deg, rgba(77,213,153,1) 0%, rgba(16,206,218,1) 100%) !important;