Support » Plugin: Smart Recent Posts Widget » How to adjust Exerpt- and Title-font-size?

  • Hello,
    Iā€™m a user of the Smart Recent Posts Widget, and really happy about the easy thumbnail-size customization. Great plugin! But I have one problem with the layout. Iā€™m not familiar with CSS and would be thankful for your help. Question is how to minimize the excerpt font-size (and eventually the font-size of the title). I tried it with `.srpw_excerpt{
    font-size: 10px;
    } or with .srpw_excerpt{
    font-size: 50%;
    }`
    .Unfortunately without success.

    The URL with my current Tests is: http://www.perfect-car-tuning.com/blog-test/
    Are you able to help?
    With kind regards Reca

    • This topic was modified 7 months, 3 weeks ago by  bdbrown.
    • This topic was modified 7 months, 3 weeks ago by  bdbrown.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Satrya

    (@satrya)

    Hi,
    Thank you for using my plugin šŸ™‚

    The selector is not .srpw_excerpt, it should be .srpw-summary šŸ™‚

    Cheers,
    Satrya

    Hello Satrya –

    Thank you for your immediate reply. Unfortunately it doesn’t work by now.
    I tried:

    .srpw_summary{
    font-size: 10px;
    }

    Where is my mistake ?

    (If we get this to work, it would be great if you may tell me the correct selectors for a title and date customisation šŸ™‚ )
    Cheers Reca

    • This reply was modified 7 months, 3 weeks ago by  bdbrown.
    Plugin Author Satrya

    (@satrya)

    Hi,
    Pleae use dash not underscore, .srpw-summary not .srpw_summary

    Title: .srpw-title
    Date: . srpw-time

    Cheers,
    Satrya

    Hello Satrya ā€“

    Thank you! Sorry! I checked every spelling for several times, but didn’t see the underscore. Now it works proper.
    Thank you from a satisfied plugin-user.
    I will leave a 5-Star review to let others know.

    There is only one little “mystery” left:
    I tried to change the color of the titles, to get rid of this horrible blue.
    To do this, I tried this:

    .srpw-title{
    font-size: 13px;
    font-weight: bold;
    color: #222222; (or font-color: #222222)
    }

    Both worked, but only for 3 of 5 posts
    (See http://www.perfect-car-tuning.com/blog-test/)
    Do you have a tip ???

    With kind regards
    Reca

    • This reply was modified 7 months, 3 weeks ago by  bdbrown.

    Hi there – I am so sorry but I can’t change the font no matter what I do. I tried putting it in your widget, I tried in my style sheet, in my custom style sheet, nothing is doing it. Any suggestions of what might be the problem? Can you tell me how to increase the font? That’s all I need to do. Thanks.

    Hi bipedalist –
    My code in the widget looks like this:

    .srpw-thumbnail{
    width: 100px;
    height: 70px;
    }
    .srpw-summary{
    font-size: 10px;
    }
    .srpw-title{
    font-size: 12px;
    font-weight: bold;
    font-color: #222222;
    }
    .srpw-time{
    font-size: 10px;
    }

    Additionally I have some custom css like this in my theme for controlling the fontsizes of my blog page:

    body.page-id-172 {font-size: 12px;}
    .widget_categories {font-size: 12px;}

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    If you replace the page ID for your page, it might be worth a try?
    kind regards
    Reca

    • This reply was modified 7 months, 3 weeks ago by  bdbrown.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to adjust Exerpt- and Title-font-size?’ is closed to new replies.