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 ?.
Salient Support Team | Say Hello!
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
Salient Support Team | Say Hello!
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
Salient Support Team | Say Hello!
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;