WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven Showcase recent post font (11 posts)

  1. Explorz
    Member
    Posted 2 years ago #

    I am trying to find the code for resizing the font for the Titles of the recent posts on the showcase page.

    http://truenorthalliance.com/blog/?page_id=50

    thank you

  2. Fire Truck
    Member
    Posted 2 years ago #

    Add the following lines on code at the and of style.css. Enter the desired font size instead of __.

    .showcase h1.entry-title a {
        font-size: __px;
    }
  3. Explorz
    Member
    Posted 2 years ago #

    Unfortunately that didn't have any effect.

    So, I stripped out the h1 factor and it worked!

    Thank you for pointing me in the right direction.

  4. Explorz
    Member
    Posted 2 years ago #

    Dang, unfortunately that changes the title some of the recent post posted on that page too. Ideally I am just trying to change the Listing of other recent posts. Odd that they share the same code.

    The listed titles still seem oddly large even though I sent the size to 16px. What else might be affecting those?

    Also, when I add a color directive to the code, it affects the single post title but not the list. But a font-weight directive does affect the list.

    .showcase .entry-title a {
    font-size: 16px;
    color: #01538d;
    }

  5. esmi
    Forum Moderator
    Posted 2 years ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes.

  6. Explorz
    Member
    Posted 2 years ago #

    I figured out all aspects except the color code for the entry-title color.

    Here's the code that worked for the font sizing:

    .showcase .entry-title a {
    font-size: 14px;
    }

    .showcase h1.entry-title a {
    font-size: 24px;
    }

    .showcase h2.entry-title a {
    font-size: 24px;
    }

    However, since the listed recent post titles are links I am having a hard time figuring out the right code to change their color on that page.

    I tried this:

    .showcase .entry-title .edit-link a {
    color: #800000;
    }

    But clearly that doesn't work. Thoughts?

  7. Explorz
    Member
    Posted 2 years ago #

    I just created a child theme. Do I need to go back and replace the parent theme with the original code? Or will that just sort itself out if/when the theme gets updated?

  8. esmi
    Forum Moderator
    Posted 2 years ago #

    Do I need to go back and replace the parent theme with the original code?

    Ideally, yes.

    Or will that just sort itself out if/when the theme gets updated?

    It should do but then this may have unpredictable results in your child theme.

  9. Explorz
    Member
    Posted 2 years ago #

    Where do I grab the original style.css?

    Thanks

  10. esmi
    Forum Moderator
    Posted 2 years ago #

  11. asiago
    Member
    Posted 1 year ago #

    section.recent-posts .other-recent-posts li {
    color: #YOURCOLOR HERE;
    padding: 0.3125em 0;
    position: relative;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic