Support » Plugin: Recent Posts Widget With Thumbnails » line height in title

  • Resolved auroretuffier

    (@johanngigon)


    Hi,
    great widget ! but I have an issue…
    the space between 2 lines of the title is really high when title is on 2 lines.
    how can i fix it ?

    I tried in the css code to change line-height in .rpwwt-widget ul li a span.rpwwt-post-title but it didn’t work…

    I can’t link the page related because it’s a private blog for my company.

    thanks for your help.

    johann

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Author Martin Stehle

    (@hinjiriyo)

    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.

    Thread Starter auroretuffier

    (@johanngigon)

    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

    Plugin Author Martin Stehle

    (@hinjiriyo)

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

    Thread Starter auroretuffier

    (@johanngigon)

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

    Plugin Author Martin Stehle

    (@hinjiriyo)

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

    Thread Starter auroretuffier

    (@johanngigon)

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

    Thread Starter auroretuffier

    (@johanngigon)

    here is a screenshot :
    link

    • This reply was modified 6 years, 6 months ago by auroretuffier.
    Plugin Author Martin Stehle

    (@hinjiriyo)

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

    Thread Starter auroretuffier

    (@johanngigon)

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

    thanks for your help

    • This reply was modified 6 years, 6 months ago by auroretuffier.
    Plugin Author Martin Stehle

    (@hinjiriyo)

    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.

    Thread Starter auroretuffier

    (@johanngigon)

    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.

    Plugin Author Martin Stehle

    (@hinjiriyo)

    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.

    chanfin

    (@chanfin)

    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.

    Plugin Author Martin Stehle

    (@hinjiriyo)

    You can address the title with that:

    .rpwwt-widget h3 {
        color: black;
    }
Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘line height in title’ is closed to new replies.