Adjust logo and Page titles

  • Hi I am new to wordpress and little a little help with css.

    As you can see on my webpage wearepangaea.com the logo is too small. I have increased it as much as I can in the theme options. I cannot seem to figure out the proper code for css.

    I was able to go into inspect element and play with it a little there but when I change the size of the logo the page headers looked too small.

    How can I adjust the logo and then the titles so that they look proportionate?

    Thanks!

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

  • Hey there wearepangaea,

    How are you doing today?

    This should definitely be possible with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css

    img.w-logo-img {
    width: 120px;
    height: auto !important;
}

.l-header .w-socials, .l-header .w-nav {
    margin-top: 20px;
}

    This should be the result https://screencast.com/t/wa1BgMMY0Hx. If the code doesn’t work please keep it added and let me know so I can take a look.

    Best regards,
    Bojan

    Thread Starter wearepangaea

    (@wearepangaea)

    Hi Im doing well, thanks for asking!

    So it looked like it worked for the logo. As for the page titles, how can I adjust the size of each one to make them a little bigger?

    Hey again,

    I’m not really sure what you’re referring to. Would you mind being more specific on what exactly you’re trying to change? Possibly post a screenshot and I’ll be happy to help ??

    Cheers,
    Bojan

    Thread Starter wearepangaea

    (@wearepangaea)

    Hi Just meaning the words “Home” “Companies” “about us” “blog” and then the social media tabs. I would just like them to look a little bigger as well

    Hey again wearepangaea,

    To increase the font size of those menu items and socials please try adding the following CSS:

    .l-header .w-nav-anchor.level_1 > .w-nav-title {
    font-size: 17px;
}

.w-socials-item-link i {
    position: relative;
    font-size: 18px;
}

    First one should affect the menu items and the second will affect socials. Please note that these are original values and to increase them increase the numeric value in both.

    Hope this helps ??

    Cheers,
    Bojan

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Adjust logo and Page titles’ is closed to new replies.