Need help? Check out our Support site, then


How to stretch HEADER image ONLY in FOREVER THEME to the edges

  1. Hello,

    I am hoping someone would be able to provide me with the code to stretch my HEADER IMAGE only all the way to the borders in CSS Forever Theme??

    Also, I would like to make the entire right side bar narrower, does anyone know the CSS code for that??

    Thank you!!!!

    http://www.adellaandco.com

    The blog I need help with is adellaandco.com.

  2. Hi there,

    I've gone ahead and moved this topic to the CSS Customization forum so it can get the love it deserves.

    Happy blogging!

  3. I am hoping someone would be able to provide me with the code to stretch my HEADER IMAGE only all the way to the borders in CSS Forever Theme??

    First, you will need to create an image that is wide enough and upload it to your media library. I would recommend 890 x 186 pixels to work well with the following CSS example, but you can adjust the numbers if you upload an image that has different dimensions. Here is a base for you to work with:

    #masthead .custom-header img {
    	display: none;
    }
    
    #masthead .custom-header {
    	display: block;
    	height: 221px;
    	background: url(http://s.wordpress.org/about/images/logos/codeispoetry-rgb.png) center no-repeat;
    }
    
    #masthead {
    	margin-left: 0;
    	margin-right: 0;
    }
    
    #access {
    	width: 890px;
    	margin-left: 3.645833333333%;
    }

    Change out the url() value to the URL of the image you upload to your media library and then paste the entire block of CSS into your Appearance → Custom Design → CSS editor.

Topic Closed

This topic has been closed to new replies.

About this Topic