CUSTOM MY HEADER

ludo974

Hello I would to custom my header like this http://prntscr.com/jx0pa2

In fact I would to use a image in background.
Could you help me please ?

Ninja

ludo974
Hi
The header of the template is not full width so the background image will only cover the container width.
I applied a parent Div in tpls/blocks/header.php file to make it as you required.

Add below code in /css/custom.css file and change the image path with your image path.


.custom-header {
    background-image: url(/avatars/abc.png);
}

Regards

ludo974

Ninja
Hello,
I work in my website, I listen to you but my image don't appear.
I create a field custom.css in /www/NOUVEAUSITE/templates/ja_healthcare/css
Then I use this code or this code but nothing to appear in my homepage :

.custom-header {
background-image: url (http://felin.re/NOUVEAUSITE/images/images/accueil/bandeau/test-oeil-tigre.jpg);
}

.custom-header {
background-image: url (NOUVEAUSITE/images/images/accueil/bandeau/test-oeil-tigre.jpg);
}

Could you help me please ?

Ninja

ludo974
Hi
The chages i applied in header.php file were removed.
Kindly copy the header.php file and paste it in local/tpls/blocks folder.
And use this code in custom.css

.custom-header {
    background-image: url(http://felin.re/NOUVEAUSITE/images/images/accueil/bandeau/test-oeil-tigre.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

Regards