Parallax Font Colour

Hi,

Can you please tell me if it’s possible to add custom CSS to change the font colour in the parallax sections.

Hi @koopa,

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

Yes it’s possible and 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 -> Shapely Options -> Other

.shapely_home_parallax {
    color: #cc0000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

Hi Movin,

Thanks for the reply, unfortunately that CSS doesn’t change the parallax title and content text colour. I used the colour picker as advised to get a font colour, I used #cc0000 as a test. My text just stays white though.

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Hi Movin,

The url is https://futabaindustrialuk.co.uk/wp

Thanks

I changed the previously shared code a bit to make it work on your site so could you please try using it?

Hi Movin,

Thanks, but unfortunately this hasn’t quite worked as required. It has changed the text colour of some of the parallax content text. As in the screenshot below.

I’d only like to change the colour of the text that overlays the images in the 2 parallax sections though, highlighted below. All other text colour is ok as default.

Cheers

Hi Movin,

I’ve used a CSS inspector and managed to find/edit the CSS so it’s sorted thanks.

3 sections as below if anyone else requires a font colour change:

}
.cover p {
color: #6ebd0f;
}

.image-bg h3, .image-bg h1 {
color: #6ebd0f;
}

.image-bg p, .image-bg li {
color: #6ebd0f;
}

Awesome great to see you got that sorted.

Please advise if you have more questions.

Have a fantastic day!