line height in title

Increase the specificity of the CSS selector, e.g. by adding one, two or more IDs to it. So it can overwrite a CSS statement of the theme.

sorry, but I’m not sure to understand “by adding one, two or more IDs”.
I’m not an expert in CSS.

this is my public css :

.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em;}
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
.rpwwt-widget ul li a span.rpwwt-post-title { font-weight: bold; line-height: 60% }
.rpwwt-widget ul li div.rpwwt-post-date { font-size: x-small }
#rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 75px; height: 75px; }

thanks

An ID in a CSS selector starts with the hash ‘#’.

Try this:
#rpwwt-recent-posts-widget-with-thumbnails-2 ul li a span.rpwwt-post-title { font-weight: bold; line-height: 60%; }

Unfortunatly, it doesn’t work… I still have a space between 2 lines ??

Please tell the site address so I can take a look at that.

i’m sorry I can’t… the WP is not published, it’s on our server.
Whant could I send to help you ?

here is a screenshot :
link

• This reply was modified 7 years, 6 months ago by auroretuffier.

Sorry, not being able to look at the code I can not help you.

Hi, you can upload this file of my page to look the code : link

thanks for your help

• This reply was modified 7 years, 6 months ago by auroretuffier.

Thank you for the files. It is the A element. That code works:

#rpwwt-recent-posts-widget-with-thumbnails-2 ul li a {
    line-height: 1.44; /* change the value to the one you need */
}

If you like the plugin I would be glad about your review.

it works ! thanks a lot.
i’ll post a review ??

I am having a similar issue, however, slightly different.
This is what i am using:

#rpwwt-recent-posts-widget-with-thumbnails-2 ul li a span.rpwwt-post-title {
text-align: center !important;
text-shadow: 1px 1px 1px black;
font-size:20px;
}

Text-shadow and font size works but text-align:center; for “post-title” only does not?

https://orange-beach.saltwater-fishing-charters.com/kids-fish-free/

thanks for any help.

It is not possible to center text in an inline element like SPAN. It has to be a block element. Just add display: block; to the statement and the text is centered.

Hi Martin, for some reason I can’t create a thread so I’m sorry for putting this here.

How can I select the title for the widget in css. https://www.chancellorfinancial.co.uk/2018/02/20/chancellor-headlines-february/

The title for the website is white, and I want to change it to black.

Thanks.

You can address the title with that:

.rpwwt-widget h3 {
    color: black;
}