Changing text colour of one section

Hi Jen,

Firstly you’ll need to add a custom class name to your widget from Widget Class option under the Widget Styles on the widget’s settings. For example: my-posts-row

https://drive.google.com/file/d/1HaymY4AkMBxdXKVlbgwPFeBkJJKUWXp2/view?usp=sharing

Update page. Then add this CSS code to Appearance > Customize > Additional CSS.

.my-posts-row .latest-news-area .entry-summary, .my-posts-row .latest-news-area .widget-title, .my-posts-row .latest-news-area .entry-title a {
   color: #fff;
}

I hope this reply helps.

Regards,
Kharis

Hi Kharis,

Thanks for getting back to me. I’ve given this a go but it hasn’t worked unfortunately. Are you able to see what I am doing wrong?

Many thanks,
Jen

Hi Kharis,

Just wondering whether you are able to shed any light on this, as I’m still struggling to change the colour?

Thanks so much,
Jen

Hi Jen,

Seems likely you haven’t yet added a custom CSS class to the respected widget. Or, do you problem with it?

https://siteorigin.com/thread/how-to-add-classes-to-widget-class-in-the-page-builder-and-how-to-add-styles-to-that-widget-class-pls-explain-with-an-example-nothing-seems-to-work-that-i-added/

Regards,
Kharis

Thank you Kharis, I understand now and it is working. Please could we make the box and text saying ‘See all articles’ white within this section as well?

Thanks so much,
Jen

You’re welcome Jen!

Please could we make the box and text saying ‘See all articles’ white within this section as well?

Try adding this CSS code to your website’s Additional CSS.

.my-posts-row a.all-news {
  background-color: #fff;
  border-color: #fff;
}

Regards,
Kharis

Thank you Kharis.

With regard to the button, could we make the background to the button #a3195b, the border #fff and the text in the button #fff, to match the button on the Meet the Client section?

Thanks,
Jen

Sure, Jen!

Try this code:

.my-posts-row a.all-news {
  background-color: #a3195b;
  border-color: #fff;
  color: #fff;
}

.my-posts-row a.all-news:hover {
  background-color: #fff;
  color: #a3195b;
}

Regards,
Kharis

Thanks Kharis, that’s done it.

Thanks very much.

Jen

You’re welcome, Jen!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis