Logo header image resize

  • Resolved ericaski

    (@ericaski)


    7 years, 3 months ago

    Trying to increase the size of the logo in the header. I’ve increased the image size, and put the width + height (400×90) in the code. However, the only element that sizing changes is the wrap for the logo image. The image itself stays the same size, positioned in the upper left corner of the wrap. Don’t see a property for the image to fill the wrap? Don’t see that there is any padding that can be removed?

    Using Showroom, a Genesis Child Theme.

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

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

  • Because the logo is a background you need to adjust the background-size

    .header-image .site-header .title-area {
	background: url("https://thvcreative.com/wp-content/uploads/2017/08/Logo5-300x68.jpg") no-repeat scroll left top;
	background-size: 400px 90px;
}

    but, unfortunately, the size that is being used is 300 x 68 so it will only display properly at that size. You need to find where it’s injected into the theme Appearance > Customise and put the logo in at the size you want.

    Thread Starter ericaski

    (@ericaski)

    Got it. Thank you. Your advice made me realize the logo was being resized upon upload.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo header image resize’ is closed to new replies.