Does anyone know how to add a header image without fucking up the whole layout? I thought I knew what I was doing, but once again, I've proven myself to be inept.
.headerimage { position: relative; width: 500px; /* Width of the banner, in pixels */ height: 220px; /* Height of the banner, in pixels */ margin-left: auto; /* To center image leave as auto */ /* To right align leave as auto */ /* To left align change to 20px */ margin-right: auto; /* To center image leave as auto */ /* To right align change to 20px */ /* To left align leave as auto */ margin-bottom: 20px; /* Space between bottom of image and outer box of style */ background-image: url("YOURIMAGEURLHERE"); /* Header image URL */ background-repeat: no-repeat; }In the Custom Options thing, click on Custom CSS and paste this into the big box. You can change anything in bold if you so wish, but I think you'll want to leave the margin-left and margin-right ones alone, it'll automatically center your header. You can also change your layout size in the Presentation part to make it fit your header better
( ... )
Comments 6
Reply
.headerimage {
position: relative;
width: 500px; /* Width of the banner, in pixels */
height: 220px; /* Height of the banner, in pixels */
margin-left: auto; /* To center image leave as auto */
/* To right align leave as auto */
/* To left align change to 20px */
margin-right: auto; /* To center image leave as auto */
/* To right align change to 20px */
/* To left align leave as auto */
margin-bottom: 20px; /* Space between bottom of image and outer box of style */
background-image: url("YOURIMAGEURLHERE"); /* Header image URL */
background-repeat: no-repeat;
}In the Custom Options thing, click on Custom CSS and paste this into the big box. You can change anything in bold if you so wish, but I think you'll want to leave the margin-left and margin-right ones alone, it'll automatically center your header. You can also change your layout size in the Presentation part to make it fit your header better ( ... )
Reply
Reply
Reply
Reply
Leave a comment