How to Resize My Header Title

  • Unknown's avatar
    commanderbedlam · Member ·

    Hello everyone. So, I have the custom design upgrade but the thing is I want to make my site title bigger.

    I have tried

    #site-title {
    font-size: 200px;
    }

    but nothing happens. Help?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    fabianapsimoes · Member ·

    Hi there,

    Give this a try:

    #header #logo h1 a {
    font-size: 70px;
}

    I used 70px here, but you can change this value to your taste.

    CSS is used to style elements in a page. Among other ways, you can apply CSS to an element by referring to its identifier. To check the identifier of an element, right click on it, and select the option “Inspect Element”. A panel with the HTML of your page will appear. You can look through it to find what the identifier for an element is. The identifier will be preceded by “id=”, and between double quotes. Once you find it, you can refer to it in the CSS by saying #your_id, just like you did.

    I’m saying all this because site-title does not identify any elements in your HTML, so that’s why it doesn’t work. For the specific case of your logo, a bit more CSS trickery was needed to target it. However, a lot of times, knowing the id of the element you want to style will be enough to you get going :)

  • The topic ‘How to Resize My Header Title’ is closed to new replies.