Jump to content

How to target just one slide for CSS in a gallery, Brine, 7.0?

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.spaghetti75.com.au/home

Hi,

Can anyone help me with CSS to target just one slide at a time on the home page gallery so I can customise text colour/style?
Brine template, Squarespace 7.0.
Tearing my hair out, can only seem to target the text for all the slides or find yui or id's that only work until I refresh the page. The below work for the whole gallery.

.Index-gallery-item-content-heading { color: #333333 !important; font-style: italic; } 
.Index-gallery-item-content-body { color: #333333 !important; }

Thankyou so much!

 

Link to comment

Which slide you want to target?

Here the code for top slide

section#gallery-home h2.Index-gallery-item-content-heading {
    color: red;
    font-size: 30px;
}
section#gallery-home .Index-gallery-item-content-body p {
    color: green !important;
    font-size: 30px;
}

 

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
  • 1 month later...

Thanks so much @tuanphan.

But how would I target just one slide rather than h1 or h2 that affects the style across all. Say if I had a slide that I need to make the text white on, and the next that I needed it all to be black to make it read over the image properly -how could I do that? Is this possible? thanku 🙂

Link to comment
  • Solution
6 hours ago, Scully said:

Thanks so much @tuanphan.

But how would I target just one slide rather than h1 or h2 that affects the style across all. Say if I had a slide that I need to make the text white on, and the next that I needed it all to be black to make it read over the image properly -how could I do that? Is this possible? thanku 🙂

Use this

section#gallery-home article:nth-child(4) * {
	color: red !important;
}

Slide 1: 4

Slide 2: 5

Slide 3: 6

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.