How do I target this CSS to a specific section on a page?

Ask the community
, ,
1

I’m having trouble with
I have got this CSS code that is working well currently, but I would like this code to target one section specifically on a page, because at the moment it targets both of my pro galleries that are on the same page.

.section {
  [data-hook="custom-button-button"]:hover {
  background-color: #EFEDE6 !important;
  color: #363434 !important;
}

.gallery-section [data-hook="custom-button-button"]:hover .button__label {
  color: #363434 !important;
}

Working in
Wix Studio

What I’ve tried so far
I have tried switching .section for the display ID of the individual section that I want to target, but this hasn’t worked.

Can anyone explain to me how to tweak my code to target one specific section please?

2

Hi, @Mad_River !!

Are you using a global.css file? :upside_down_face:

3

Use a custom class for the specific section you want to target

1 Like