Jump to content

Setting different Theme colours for different Articles

Recommended Posts

Site URL: https://www.ryezine.com/articles/sailors-of-rye

Hello,

 

we have an issue with our SquareSpace site. We have a main Articles page which we will need to apply a different background colour depending on the magazine issue. Issue 1 is green, Issue 2 will be pink. It seems that the Theme Colours are applied globally on the single Article page template. We need to be able to set a different theme colour for each article single page. 

 

Is there any way to achieve this?

 

Best

RyeZine

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Hey @RyeZine it's possible but you will need to use CSS to do so.

You will need to target each article section ID to do so. This is is a helpful extension for that https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en 

The CSS would look like the below and if you test it will target your first two articles.

section[data-section-id="60f02b39c0b35f4fb3dcf21a"],
section[data-section-id="60f02b39c0b35f4fb3dcf21a"]{
  .section-background,
  .bright.item-pagination[data-collection-type^="blog"]{
    background-color: #f2d8c4!important;
  }
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

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.