Font colour of the content in the parallax sections and in the sidebar

Shapely
1

Hello,

Firstly, thank you for a great, versatile and free theme.
Could you advise me please how to change font colour of the content of the parallax sections?
I’d also like to be able to change the colour of the font in the sidebar, as the default grey colour is too light.

I’ve searched the forum, but haven’t managed to find any relevant information.
Thank you in advance.
Kasia

2

Hey there,

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

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

/*paralax backgroudn color*/
div.widget.shapely_home_parallax section {
    background-color: #000;
}
/*widget text color*/
.widget.widget_recent_entries ul li a, .widget.widget_categories ul li a{
  color:black;
}

Best regards,
Support.s

3

Hello,

Thank you for your quick reply. Unfortunately the CSS codes provided haven’t helped.

1- The first code changes the background colour instead of the font colour. I’d like to change the font of the content of the home page widgets. Please see the attached file, I’ve encircled the relevant font in red.

2 - The second code has changed the font colour of only one sidebar widget. The font colour in other sidebar widgets has remained the same (screenshots attached). I hope you could help me to change them all.

Thank you again.
Best wishes,
Kasia

4

Hello there,

  1. This should allow you tochange the font color:

    .shapely_home_parallax p {
    color: red !important;
    }

  2. As for the sidebar, please add an image to your page so that I can inspect the widgets that you have added.

Best Regards,
Support

5

Thank you for your help.

  1. The first code has worked perfectly well.
  2. I’ve attached a screenshot of the sidebar. The code that I had been previosuly emailed has changed the font color in the ‘Latest events, exhibitions and news’, but hasn’t changed the color of the font in the reminding widgets.

Thanks again.
Best wishes,
Kasia

6

Hello Kasia,

Thank you!
Please add the following code to change the other text as in the sidebar as well:

body .widget-area p {
    color: black;
}

Let me know how it goes!

All the best,
Mihaela

7

Hi Mihaela,
Thank you for your reply. The code has worked perfectly well.
Best wishes,

Kasia

8

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support