Change dimensions header

  • Resolved yassine.ykr

    (@yassineykr)


    10 years, 3 months ago

    Hello, thanks for this great theme.

    So I uploaded an image to the header but I founded the size too small for my picture so I tried to change the dimensions in the css but I have not found it.
    Can you explain me how to change the size of the header? thanks and sorry for my bad english, I’m french ^^

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

  • open your header.php file, Yassine!
    find this bit of code:

    <div class="header section small-padding bg-dark bg-image" style="background-image: url(<?php if (get_header_image() != '') : ?><?php header_image(); ?><?php else : ?><?php echo get_template_directory_uri() . '/images/header.jpg'; ?><?php endif; ?>);">

    now add your dimensions like the following :

    <div class="header section small-padding bg-dark bg-image" style=" height:/*height-here*/px; width:/*width-here*/; background-image: url(<?php if (get_header_image() != '') : ?><?php header_image(); ?><?php else : ?><?php echo get_template_directory_uri() . '/images/header.jpg'; ?><?php endif; ?>);">

    tell me if it works !

    remember, the image works as a background image so it needs to be large. if you don’t need a background, erase that code ( after a backup ) and use HTML<img src="/.." height="" .. />

    Theme Author Anders Norén

    (@anlino)

    Hi yassine.ykr,

    To change the height of the header, install a custom CSS plugin like Simple Custom CSS and enter the following code:

    .header { padding: 100px; }

    Adjust the value to your liking. Let me know how it goes.

    – Anders

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change dimensions header’ is closed to new replies.