WordPress.com

1. adellaandco
   Member
   Aug 29, 2012, 3:55 AM

   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. pcrumm
   Staff
   Aug 29, 2012, 3:50 PM

   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. designsimply
   Staff
   Aug 30, 2012, 10:36 PM

   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.