Jump to content

Change button style in just one list

Recommended Posts

I'd like to change the button style in just one list section so it shows secondary rather than primary buttons. Just the section near the bottom of the page "Our Advisors", should have simpler secondary button-style buttons (OR if the text links could open in a new window, that would also be great).

Any advice on if I can use CSS or another means to change the button styling in that one list?

https://the-whole-you-program.squarespace.com/?password=wholeyou

Link to comment

Oh sorry @tuanphan, the site name was since updated. The address is: the-whole-you.com/about.

I've since been able to add CSS to customise the buttons in the Advisors list, but realised it was the only list with buttons, so could do it by applying global list styles.

Link to comment
On 5/2/2024 at 6:42 PM, AgnesK said:

Oh sorry @tuanphan, the site name was since updated. The address is: the-whole-you.com/about.

I've since been able to add CSS to customise the buttons in the Advisors list, but realised it was the only list with buttons, so could do it by applying global list styles.

You can use CSS code like this

body#collection-66153dcf477fbf6efa117773 section[data-section-id="66154750872f4207683c4ae5"] .list-item-content__button-container a.list-item-content__button {
    color: #f1f !important;
    font-size: 16px !important;
}

 

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

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.