[addictivebehaviourcoParticipant]

Hi

I am having an issue with recent posts font colors for the headings, date and summaries/excerpts. At first I was experiencing this with the Recent Posts Extended. Everything just appears white so invisible on my white background. I noticed this is the same for standard recent posts widget.

Can anyone advise how to simply change the font colors for all areas of recent posts and better still recent posts extended widgets. Or if anyone has a recommendation of a better widget for adding recent posts to the page, with rollover images, pagination???

Many thanks for any help.

[addictivebehaviourcoParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thanks for writing in!

I’ve checked your site but couldn’t find recent posts widget in the sidebar. Please point us to the page where you have added the recent posts widget so we can take a closer look to the issue and provide you with a tailored response.

Thank you!

[addictivebehaviourcoParticipant]

Apologies, I should have explained. The recent posts widget has been added to the home page under the News heading but is invisible due to the font colors.

See the attached Screenshot with it highlighted.

Thanks
Neil

[addictivebehaviourcoParticipant]

Sorry now attached

[FriechModerator]

Hi Neil,

You can add this under Custom > CSS in the Customizer.

.widget.widget_recent_entries li .post-date,
.widget_recent_entries .h-widget,
.widget ul li a,
.widget ol li a {
	    color: black;
}

Replace the black value with your preferred color.

Hope it helps, Cheers!

[addictivebehaviourcoParticipant]

Hi

Thanks so much for this. It really helped. Do you have any idea what CSS I need to add to make them change color on rollover please??

Sorry to be a pain. I have tried for some hours to figure myself.

Thanks
Neil

[RupokMember]

Hi Neil,

Thanks for writing back. Use this to apply hover color :

.widget.widget_recent_entries li .post-date:hover,
.widget_recent_entries .h-widget:hover,
.widget ul li a:hover,
.widget ol li a:hover {
    color: black;
}

Hope this helps.

Cheers!

[addictivebehaviourcoParticipant]

Hi

Thankyou so much. Your support is awesome!

Neil

[FriechModerator]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts