Replacing Jumbotron title with logo image?

  • Resolved thisiserinkitch

    (@thisiserinkitch)


    7 years, 7 months ago

    Hi there, I was wondering if it’s possible to replace the Jumbotron title with a logo image? I’d love to place my client’s loge there instead of the top right hand corner where it is quite small. Is that possible and can you tell me how?

    Thanks

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter thisiserinkitch

    (@thisiserinkitch)

    Hi, is there any way of doing this?

    Thanks,

    Erin

    Hi @thisiserinkitch,

    Thank you for your question.

    You can replace it by adding the following CSS code in the Custom CSS option of your theme on the below path.

    Admin Area -> Appearance -> Customize -> Additional CSS

    #header .bottom-header h1 {
    background: url("https://www.big-space.com.au/wp-content/uploads/2017/08/creative_vic_logo-476x476.jpg") no-repeat;
    font-size: 0;
    background-position: center;
}

    Please change the logo image URL in the above code to whatever you want to set.

    Best regards,
    Vinod Dalvi

    Thread Starter thisiserinkitch

    (@thisiserinkitch)

    Hi Vinod,

    That worked, thank you. Only thing is, the space seems to be too small for the size of logo that I need. See https://www.big-space.com.au on the Home page. Could you tell me how to increase the space needed for the logo? (I increased the padding above the logo/title area again but that didn’t work).

    Thank you

    You can increase it using below custom CSS code.

    #header .bottom-header h1 {
    line-height: 180px;
}
    Thread Starter thisiserinkitch

    (@thisiserinkitch)

    Thank you! That worked brilliantly!

    Thank you for all your help. It’s now looking exactly as we wanted it to. Thanks so much.

    Erin

    You are always welcome here ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Replacing Jumbotron title with logo image?’ is closed to new replies.