• Hi. I would like to change the font size and style of the homepage title, where it gives the company name. Please advise. Thanks.

    1. enlarge the Logo on all pages
    2. increase the font size of the website’s title (company name) on all pages
    3) change the font style of the website’s title (company name) on all pages

    mountainharvest dot com

    • This topic was modified 6 years, 2 months ago by crougeau.
    • This topic was modified 6 years, 2 months ago by crougeau.
    • This topic was modified 6 years, 2 months ago by crougeau.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The easiest way to do this is to add custom CSS.

    In the WordPress dashboard, go to Appearance, then Edit CSS.

    Add a selector like this:

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

    You should be able to search for the specific CSS you want to apply.

    Thread Starter crougeau

    (@crougeau)

    Thanks! What about the logo?

    I don’t know about the logo size. You may need to create a child theme. I couldn’t quickly find a way to change the *height* with CSS – only the width. Perhaps you could modify the height of the surrounding <div>?

    Thread Starter crougeau

    (@crougeau)

    OK, well I will leave the logo for another day, but still want to do something about it. Thanks!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You have this custom CSS:

    
    
    img.custom-logo {
    	
    	
    	width: 30px;
    	height: 30px;
    	
    }
    

    Remove that

    Thread Starter crougeau

    (@crougeau)

    I was asked to make further changes. yay.

    Make the logo bigger and the company name site title disappear. MAde the title disappear. but for some reason, only the width of the logo increases responsively. Not the logo’s height. The height will increase up to a certain point, but after 60 px or so, it stops and only the width will increase.

    So currently, I am back to this.

    .site-title {
    font-size: 5px;
    font-family: serif;
    visibility: collapse;
    }

    img.custom-logo {

    }

    Question remains, how to increase the logo size to scale.

    Thread Starter crougeau

    (@crougeau)

    i thinnk i got it!

    .site-title {
    font-size: 5px;
    font-family: serif;
    visibility: collapse;
    }

    img.custom-logo {

    max-height: 320px;
    max-width: 345px;

    }

    thanks all!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing the font size and style of the homepage title’ is closed to new replies.