Jump to content

Having issues creating a gradient effect on my secondary buttons

Recommended Posts

Posted

Hi!

I want to make the buttons on my 'Other Work' section have a gradient effect. I copied the CSS code from 'InsidetheSquare" which is this:

.sqs-button-element--secondary{
background: #414d0b;
background: -webkit-linear-gradient(to right, #727a17, #414d0b);
background: linear-gradient(to right, #727a17, #414d0b);
}

That code didn't work so then I added the block id:

#block-yui_3_17_2_1_1693964810046_293498 .sqs-button-element--secondary{
background: #414d0b;
background: -webkit-linear-gradient(to right, #727a17, #414d0b);
background: linear-gradient(to right, #727a17, #414d0b);
}

 

Unfortunately, that isn't working either. If any of ya'll can help me that would be greatly appreciated!

Posted

@socialala Hi, You can try this code snippet:

.sqs-button-element--secondary {
	background: #414d0b !important;
	background: -webkit-linear-gradient(to right, #727a17, #414d0b) !important;
	background: linear-gradient(to right, #727a17, #414d0b) !important;
}

If it doesn't work or if you would like to make any modifications, please feel free to share your site's URL so that I can take a closer look. Thank you!

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.