Changing individual Parralax sections

Hi there,

Found this forum super helpful but wondering if anyone can help with me some simple custom css.

I would like to change the background colour and font colour of each individual parralax section as I have 5 on my frontpage and would like them to be different from each other. I have tried myself but the CSS I create seems to change all of them at the same time.

Kindest

Hey there,

I hope you are well today and thank you for your question.

You’ll need to target the ID for each section.
You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/**/
div#shapely_home_parallax-1 {
    background-color: blue;
}
div#shapely_home_parallax-2 {
    background-color: red;
}
div#shapely_home_parallax-3 {
    background-color: green;
}

and so on.

To better assist you to, send the URL to your website here.

Best regards,
Support.

Hey there,

I hope you are well today and thank you for your question.

You’ll need to target the ID for each section.
You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/**/
div#shapely_home_parallax-1 {
    background-color: blue;
}
div#shapely_home_parallax-2 {
    background-color: red;
}
div#shapely_home_parallax-3 {
    background-color: green;
}

and so on.

To better assist you to, send the URL to your website here.

Best regards,
Support.