Changing the size of logo and header image

  • Resolved guttertoglobe

    (@guttertoglobe)


    8 years, 10 months ago

    I almost feel bad about editing/altering the design of such a well produced theme! However, here goes:

    The header…I have a logo and I also activated the header image widget. It says the widget is for 90px tall images. However, I ‘stretched’ that to 200px in order to include an image incorporating text that would be unreadable at 90px high. However, I can’t get the logo to match the 200px height. It remains at 90px whatever I try. I want it to match so it looks neat alongside the image (both line up at the same height). I realise I may need to do a bit of adjustment of sizes to make sure they fit horizontally, but I guess essentially I just want to know how to edit the size of the logo.

    Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author icynets

    (@icynets)

    you can edit the logo image through the style.css

    make changes to the follow codes…

    .logo-box{
	width: 300px;
}
.logo img{
	max-width: 300px;
	max-height: 100px;
}
    Thread Starter guttertoglobe

    (@guttertoglobe)

    Thanks. Perfect! Much appreciated. How can I make a donation for your work?

    Theme Author icynets

    (@icynets)

    You are most welcome..and thanks for your kindness…
    you may make donation through paypal to [email protected]

    thanks..

    Thread Starter guttertoglobe

    (@guttertoglobe)

    Great. I may well have more questions later – really struggling with the CSS having only just got to grips with HTML!

    Theme Author icynets

    (@icynets)

    you can always submit a request through the contact us page at https://www.icynets.com

    cheers

    Hello lcynets, can I ask you a question?

    As a novice in learning wordpress, I’m struggling to learn wordpress, using Bluehost as my host.

    So far I’ve managed to make the beginning of my homepage/blog using the “Twenty Sixteen” theme – great and satisfying to see the site grow …

    But now I’ve run into a problem. I want to change the size of the header image from 1200 x 280 to 1200 x 180 to minimize the white space around the header image.

    Reading about Designing Headers in the WordPress Handbook, I’m informed:

    To change only the header image reference, open the header.php template file and look for the styles like this:
    #header {
    ? background: url(“<?php bloginfo(‘stylesheet_directory’);??>/images/wc_header.jpg”)?
    ? no-repeat bottom center; }
    #headerimg? {
    ? margin: 7px 9px 0;?
    ? height: 192px;?
    ? width: 740px; }

    I guess, that’s all the information I need, however where do I find this code, I have to change?
    As far as I can see, the Dashboard hasn’t got any link to the background code stuff.

    Knowing, that the question might be so fundamental, nevertheless I hope, someone can help me ?

    Best regards & thanks for your time ??
    Jan

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing the size of logo and header image’ is closed to new replies.