Trying to make site-title bigger

  • Resolved andwat

    (@andwat)


    5 years, 2 months ago

    I’m trying to make the site title bigger. I thought that this would work;

    .site-title {
    font-size: 96px;
    }

    But is has no effect. This surprised me, especially after I looked the page source and saw:
    <p class=”site-title”> Liu Laboratory </p>

    Questsions
    1. What am I missing?
    2. How do I control the size of the site title?

    Thank you,
    Andrew

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try this CSS instead

    .site-logo p {
    font-size: 30px;
}

    If you look at the CSS for the site, there is already CSS targeting .site-logo p where the <p> tag is the site-title you were trying to target. As there was CSS already targeting the p element, your code wasn’t overriding it.

    Otherwise, if you add `!important! onto the end of your 96px

    .site-title {
font-size: 96px !important;
}

    It will force it to update.

    Thread Starter andwat

    (@andwat)

    Jarret,
    many thanks, your first suggestions worked perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trying to make site-title bigger’ is closed to new replies.