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="" .. />
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
