Edit the Colours of the Divider in the Site Footer for Homepage Only

Hi ☺️

I've added a divider in a blank section on the top of my site footer. I need the colours, however, to be different for the homepage than they are on the other sections of the website (e.g. Our Thoughts).

https://www.thisisgoodwork.org/

On the homepage I need the divider to be: grey, green line, black

On the other pages on the website, like Our Thoughts, I need it to be: white, green line, black

Currently it's all set to white, green line, black (which looks silly on the homepage) so how do I target just the homepage and change the divider colours?

Thanks!

Try this in Custom CSS:

#collection-655b50b045a13147527cba9b {
  section[data-section-id="6614f78973b88f33805c6976"] {
    .page-section .section-border {
      background-color: #e1dfd9;
    }
  }
}

I just added it but it doesn't seem to have worked. 😕

16 minutes ago, goodwork said:

I just added it but it doesn't seem to have worked. 😕

Try this adjustment:

#collection-655b50b045a13147527cba9b {
  section[data-section-id="6614f78973b88f33805c6976"] {
    background-color: #e1dfd9;
  }
}

It changed it but it didn't change quite the right part 😅

It's put the grey between the green line and the black - rather than switching out the white.

Nearly though!

Nailed it!

Thank you! ☺️

Just now, goodwork said:

Nailed it!

Thank you! ☺️

Happy to help!

Thanks for marking my post as the solution, can you give it a like as well?