Set title color for Recent Posts Widget

[dskirk]

I am using Xtreme 5.0.7 and website is  https://davidkirk.org/sandbox/   I was able to change text color of header, page titles, widget titles, but the one title I cannot find the color option for is on the recent posts widget, titled as “Recent Articles” on my website. I can fix this with CSS to override H3, but since there are built-in options in Xtreme for other color settings I would prefer to use the built-in feature. I have looked for two hours and felt it time to ask for help. Please advise.

As an aside, there is a white space to left and right of page. I have tried CSS to change it, but that changes the color of entire site. The background settings also change the entire page. Is there any CSS or Xtreme setting that just changes the outer background? Thanks for any tips on that.

[scrambler]

I am not following or seeing what you are seeing.

You have a custom CSS rule overriding the Widget Title color setting

/* ### color for recent articles title */
h3 {
font-size: 1.7500em;
color: blue !important;
}

So all the h3 are forced to that color.

[dskirk]

Hi, Scrambler. That’s the challenge. I just wanted to change the one title. If I try to edit in HTML in widget, I get the ‘attempted block recovery’ message, so I added my edit in the CSS component of the theme. I can find no Xtreme setting for that title, and I’m hoping you have a better solution than mine. On my other desire to change the color of the two side bars, any options there would be most welcome. Thanks for all you do.

[dskirk]

Scrambler, I have an update. I do have the widget title color set in the “Sidebars & Layout” section. That covers the titles of the other widgets on the page, but the prior posts widget requires a heading widget, unless I’m missing something.

[scrambler]

This reply has been accepted as the best answer.

You need to explain exactly what you are trying to achieve.

Do you want all the widget titles in the sidebar to be the same, or you wish to just change the color of the top widget title?

If the later, you can only do that with Custom CSS like below

#block-3 h3 {color:red !important;}

[dskirk]

Scrambler, I want all widget titles the same color. My problem was that setting the widget title color in ‘sidebars&layouts’ changed headings for all widgets except the top one. Your CSS fixed that for me. THANKS much for that.

[scrambler]

OK.

the problem is for some reason, the block widget does not use the widget title class.

@weaver, is that normal, or a WordPress inconsistency?

[dskirk]

Just my observation: the other widgets I used had a title component within the widget, but the widget for prior posts does not, requiring a header widget to precede it. Thanks again for your help.

[Author]

Posts