How can I adjust article title font size?

Dear @gentlemanwithin .

I think it would be helpful if you wrote what you have already tried or added a link to the page. But so I have to guess what may work on your side.

The following CSS change the font size of the Recent Posts Widget With Thumbnails list:

div.rpwwt-widget ul li {
    font-size: 1.5em;
}

If this does not work on your site I assume there is another style with a higher specificity which overwrites your CSS.

Thanks for the recommended solution. I copy pasted that CSS to no avail. I guess there’s another style with higher specificity overwriting the CSS.

Attached 2 images with inspect on Chrome, one which is the default and another with the added CSS property to adjust the text size. It works, but I can’t figure out what it’s targeting to change the font size. Any insight?

Link to site.

• This reply was modified 1 year, 7 months ago by Khoi Nguyen.

Unfortunately I can’t give you more theoretical support like I did.

Without inspecting at the websites code I can’t help. I think you understand.

Hi, thanks for the reply. Are you able to inspect the site via the Link to Site provided above? Here’s the link again. Recent Posts is on the sidebar.

@gentlemanwithin please add the following CSS to change the font size

div.rpwwt-widget ul li a {
    font-size: 1.5em;
}

Thanks, I appreciate the help. Unfortunately that snippet isn’t fixing the issue. Seem that there’s code elsewhere that’s overriding your provided CSS, but I can’t seem to determine where that is.

I added this to the developer tools and it shows the highest specification for this style. And, I do not see you have added the style to your website. It seems the way how you add it is not working.

Please check if you have any cache server you have to flush to see the changes.

I removed the code last night when I saw that it wasn’t working. I went ahead and re-added the code. It should appear when you inspect now. I’m doing hard refreshes and cleared cache, still nothing.

The CSS code is not available on your page. Thats why you see no changes.

Alright, I just added the code to my style.css template. Is it visible now?

No. Nothing to see.

I inspected you ccc file and can see something weird: Before you have added the code I see }ddd}.

Just search for this code in the current autooptimized css. Maybe this is why the style is not taken from the browser?!

However, I cannot give you any further support with this. I tis not a plugin related issue but css related. I do everything in my free time. Because WordPress 6.3 is coming next week I still have to work on the compatibility tests. Maybe somebody else can help you further?