WordPress.org

Ready to get started?Download WordPress

Forums

Recent Post Font Size (5 posts)

  1. financialfergy
    Member
    Posted 1 year ago #

    I'm looking to decrease the font size of my recent post sidebar. Here's my site:

    http://www.fergusonfinancial.ca/real-estate-agent/

    Thanks.

    Devon

  2. Jess
    Member
    Posted 1 year ago #

    The CSS lines you need to edit are:

    .tw-recent-posts .featured-post h4 {
    	clear: none;
    	font-size: 1.3em;
    	margin: 0 0 5px 0;
    	padding: 0;
    }
    
    .tw-recent-posts .featured-post h4 a {
    	font-size: 100%
    }

    For future development: use developer tools in your browser to see your code and figure out what CSS is causing what appearance (Firebug for Firefox, or Chrome developer tools are both great places to start).

  3. financialfergy
    Member
    Posted 1 year ago #

    Sorry but where can I find those lines in CSS? I'm new. I tried style.css but couldn't find the lines you were talking about.

  4. financialfergy
    Member
    Posted 1 year ago #

    I'd also like to make the sidebar narrower so it takes up less space, how can I do that?

  5. Jess
    Member
    Posted 1 year ago #

    That CSS is generated by your TW Recent Posts widget. Look through the settings in your Dashboard for that widget to see if there is anywhere to add custom CSS or adjust the size of things.

    If that doesn't help you sort things, then look for answers in that plugin's support forum:

    http://wordpress.org/support/view/plugin-reviews/tw-recent-posts-widget

    For your sidebar, look in your theme's CSS file at about line 1146.

    And look into developer tools for your browser - they make all of this much easier! Here's a good article about tools for Chrome:

    http://webdesign.tutsplus.com/tutorials/workflow-tutorials/faster-htmlcss-workflow-with-chrome-developer-tools/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags