How to put a custom header in the Cargo theme

lemaquillage:

A lot of people asked how did i put a custom header in my page. I’m using the Cargo theme and here’s how you do it.

Click in Advanced and add this code to your custom CSS. In the background image url, add the address of where your header image is hosted.

Then, change the 180px according to your header height. 

/* custom colours */

body{ background-image: url(INSERT THE URL OF YOUR HEADER HERE.jpg);

background-repeat: no-repeat;

padding-top: 500px;}

#main_column{

position:absolute;

top:180px;

}

.regular img { max-width: 100%; }

That’s it! Play around with the px numbers to see if you got it right. 

How to put a custom header in the Cargo theme

lemaquillage:

A lot of people asked how did i put a custom header in my page. I’m using the Cargo theme and here’s how you do it.

Click in Advanced and add this code to your custom CSS. In the background image url, add the address of where your header image is hosted.

Then, change the 180px according to your header height. 

/* custom colours */

body{ background-image: url(INSERT THE URL OF YOUR HEADER HERE.jpg);

background-repeat: no-repeat;

padding-top: 500px;}

#main_column{

position:absolute;

top:180px;

}

.regular img { max-width: 100%; }

That’s it! Play around with the px numbers to see if you got it right. 

Posted 1 year ago 110 notes

Notes:

  1. mxtape reblogged this from cargotheme
  2. ichii39 reblogged this from cargotheme
  3. esoteric-pieces-of-8 reblogged this from lemaquillage
  4. cargotheme reblogged this from lemaquillage
  5. ouseii reblogged this from lemaquillage
  6. lemaquillage posted this

About:

Produced by Jarred Bishop. Inspired by Cargo.