Gradient Button Background

[zztconsulting]

Hello,

I have trouble setting button backgrounds to gradients.

I inserted this css-code under customize in the button settings (using pro theme).

background: rgb(120,28,248);
background: linear-gradient(42deg, rgba(120,28,248,0) 0%, rgba(120,28,248,0.53125) 70%);

Would be great to get to know what went wrong so I know for future buttons.

[ruenel]

Hello @zztconsulting,

Thanks for writing in! Please click the button element and find the “Customize” tab. You need to insert a custom inline CSS like this:

$el {
  background: rgb(120,28,248);
  background: linear-gradient(42deg, rgba(120,28,248,0) 0%, rgba(120,28,248,0.53125) 70%); 
}

Kindly check out the documentation to customize the button element:

• https://theme.co/docs/button#customize
• https://theme.co/docs/element-css#all-about-element-css

Hope this helps.

[zztconsulting]

Hello Ruenel, thank you for the fast response! I tried it out and it works great.

[marc_a]

Hi @zztconsulting,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.