Need to increase logo size/decrease banner & title font on banner

  • rblackphoto

    (@rblackphoto)


    6 years, 3 months ago

    I switched both of my websites to this new template this week and have them pretty much set up to my liking, but I have the same issues with both pages and I can’t find the answers for how to make these tweaks; I’d really appreciate any help!

    On both sites (the other is winestainedlens.com) I would like to increase the size of my logo (roughly double, but at any rate bigger than it is now).

    I’d also like to shrink the height of the banner where the page title appears (i.e., home, blog, about) and also shrink the font size of the page title just a little. Right now it looks screamingly huge next to my tiny logo.

    Please let me know if there’s a way to adjust these–thanks!!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • M3L1

    (@m3l1)

    6 years, 3 months ago

    Hello!
    I had a similar issue and found that you can increase your logo size by adding css to the Additional CSS section of the Customizer.

    .site-logo img {
    max-height: 16rem;
    margin: 0 auto;
    width: auto;
    }

    The max-height default is 8rem and I just kept upping the number until I got one I like the look of. I don’t know about the rest but hopefully that gets you started 🙂

    jmdelgado

    (@jmdelgado)

    6 years, 3 months ago

    M3L1,

    I tried the code string but did not work; also this code is only to increase the logo size, What would be the code to reduce the title heading ?

    Thank you

    M3L1

    (@m3l1)

    6 years, 3 months ago

    jmdelgado,

    Are you using the Twenty Twenty theme?
    The title heading is using the <h1> element so I believe changing the rem number in the font-size will change the size of the heading. 5.4rem is what it is set to currently so play around with smaller numbers until you find a size that suits you.

    h1, .heading-size-1 {
    font-size: 5.4rem;
    }

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

The topic ‘Need to increase logo size/decrease banner & title font on banner’ is closed to new replies.