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
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
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;
}