Trouble changing size of post titles in blog

  • tawillard

    #2167

    I’m moving from Blogger ( http://www.zealforadeal.com ) to WordPress ( http://dev.zealforadeal.com/ ) and I’ve figured out most of the customizations I need to make my new site similar to my old one, but I can’t get the post title font size to change (increase). I’ve been working on this for 3 days and have tried everything suggested in this forum. It should be easy, but nothing I do makes the change. I can only think that I have 2 pieces of code cancelling each other out, but that’s just my guess. If anyone can help me I would be so grateful!! My family would be as well, so I can stop and cook them a meal 🙂

    Mod

    Kenneth John Odle

    #19144

    Moved to Support. Please be sure to post in the correct section.

    Try this code:

    .post-title a {font-size:80px;}

    Should do the trick.

    You can take a peak at my stylesheet through this link. I need to clean it up a little (so caveat emptor!), but it might give you some additional clues about how to change things.

    tawillard

    #19145

    Thank you so much for replying!! Unfortunately that didn’t work.

    Mod

    Kenneth John Odle

    #19146

    Really? Where are you entering that code? It worked on my test blog: http://test.kjodle.net/blog/2011/09/20/this-is-a-sticky-post/

    tawillard

    #19147

    I put in in the style.css for my child theme. I’m wondering if I’ve put something else in that’s voiding out this bit of css. Is there a way for me to show you my entire child theme css changes to see if you see the problem? The part I’m trying to change is the “Ooops! You’ve landed on the wrong page”

    And thanks for the link to your stylesheet! Your site looks great and I’m sure I can learn a lot from it!

    Anonymous

    #19148

    You can do a search for .post-title a from your browser while on the editor screen and see if it pulls up two matches.

    Although, I think the last entry in the stylesheet should take priority over anything above it. (Ken, Syahir correct me if I’m wrong).

    What is the URL and a brief description of what you are wanting to change?

    Mod

    Kenneth John Odle

    #19149

    Although, I think the last entry in the stylesheet should take priority over anything above it.

    Yep, this is correct. So

    p {font-size:10px;}
    p {font-size:40px;}
    p {font-size:100px;}

    will make all your paragraph text be 100 pixels tall.

    tawillard

    #19150

    Here’s everything I’ve got with .post-title a

    .post-title

    .post-title a {font-size:200px}

    .post-title a,:visited {

    border-bottom: 1px solid #e3e3e3;

    font-size: 200px

    font-family: Trebuchet, Trebuchet MS, Arial, sans-serif;

    padding-bottom: 5px;

    text-align: left,

    }

    I used 200 as the font size just to easily identify the change. I moved it to the bottom of the stylesheet to make it the last entry. Still no change.

    Thank you all so much for helping!

    Mod

    Kenneth John Odle

    #19151

    You need semicolons between your declarations, not commas (or nothing!). See this page:

    http://www.w3schools.com/css/css_syntax.asp

    for proper syntax.

    So, cleaning up your code a bit, you should try:

    .post-title,
    .post-title a,
    .post-title a:visited {
    border-bottom: 1px solid #e3e3e3;
    font-size: 200px;
    font-family: Trebuchet, Trebuchet MS, Arial, sans-serif;
    padding-bottom: 5px;
    text-align: left;
    }

    See how that works.

    (You should enter code between backticks btw.)

    tawillard

    #19152

    Thanks for the help, but it still didn’t change the size

Viewing 10 posts - 1 through 10 (of 36 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!