• Hi,

    I have installed this theme on http://sixpl.com/blog

    The font of Recent Posts widget is in Bold. I want to keep the font simple and remove the “bold” feature.

    I am new to wordpress. Can anyone suggest how can I do it?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    I have not found Recent Post title.

    Thread Starter sixpl

    (@sixpl)

    Hi Codemovement,

    I am sorry for that. I have updated the site. Please check now.

    Also please help me with thumbnail in recent posts. How can I make it proper which covers the space given to thumbnail.

    Add the following css by using the following plugin.

    https://ww.wp.xz.cn/plugins/simple-custom-css/

    so then Recent posts will look like this
    http://i.imgur.com/HLSWtbV.png

    
    .widget_lovecraft_recent_posts h3 {
        font-weight: normal;
    }
    
    

    and about thumbnail, are you talking about an image like this?

    View post on imgur.com

    Thread Starter sixpl

    (@sixpl)

    Hi,

    Thanks a lot for the help.

    However my query was different. . You can see post titles under “Recent Post” widget. I want them to look simple and not bold.

    So for examplee, “How to become a consultant” should like simple font (and not bold).
    http://imgur.com/EBK9pOC (I am talking about Post titles under “Recent Posts” widget)

    For Thumbnails: I am talking about this: http://imgur.com/726liED

    I hope I am able to convey my message.

    For the titles, try this:

    .widget_lovecraft_recent_posts .title {
      font-weight: normal;
    }

    And for the thumbnail images:

    .lovecraft-widget-list .post-icon img {
      height: 100%;
    }

    And to reiterate what codemovement said: Don’t edit the theme files directly, as you’ll lose those changes if the theme is updated in the future, to fix bugs or security issues or to add new features. Instead, you should use a custom CSS plugin as codemovement suggested or your theme’s built-in custom CSS option, if one exists.

    Add height: 100%; to the following class for thumbnail so they will look like this http://i.imgur.com/8NjN9MB.png

    
    /* title not bold */
    .lovecraft-widget-list .title{
      font-weight: 700; /* replace 700 with normal */
    }
    
    /* Thumbnail css */
    .lovecraft-widget-list .post-icon img {
        border-radius: 99px;
        display: block;
        height: 100%;
    }
    
    
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Removing "Bold" Font from Recent Posts’ is closed to new replies.