Jump to content

Secondary Color for Page Button

Recommended Posts

Site URL: https://www.originalworksofartinc.org/registration

I'm just trying to create secondary button colors and styling on these pages. I understand that I can create different colors for different sections but within a section I might want the CTA to stand out from other buttons. For example, on this page (https://www.originalworksofartinc.org/registration) I want the "Learn About the Program" to be the main CTA but the "Learn about the Instructor" to be a secondary option that's an outline button or just a different color. Similarly, I'd like to do the same with the "Apply for..." buttons below. I keep trying CSS that it says has errors but it never specifies where so I can't be clear on what to fix.

SOMEONE has to have figured this out.

Thanks in advance. 

Link to comment
  • Replies 3
  • Views 294
  • Created
  • Last Reply

Add this to Design > Custom CSS

/* learn about program */
div#block-yui_3_17_2_1_1616965350033_3053 a {
    background: transparent;
    color: blue;
    border: 2px solid blue;
}

Do similar with other buttons. Use this tool to find block id (div#block...) https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/7/2021 at 4:05 AM, techanoapps said:

This is great! It worked perfectly. Thanks so much!

On this page, you haven't changed SEO Title, so the browser tab name still shows "General 1"

https://www.originalworksofartinc.org/registration

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.