WordPress.org

1. neszz
   Member
   Posted 3 years ago #

   Hey Guys!!

   I am having trouble resizing my image to fit between the lines of my page. Also, the white background of the image is covering other images that I have on the blog. Any advice? the website: http://www.26doors.com

   Second question: How can I add links to the headerimage if I break up the large image into smaller sizes and adding text on it such as home, links, contact, etc.

   Thanks!

2. neszz
   Member
   Posted 3 years ago #

   I spent many hours on trying to fix this problem. I am not sure what I am doing wrong. I have been messing around with the css code in style.css. The thing that puzzles me is trying to resize the background image and make sure it is center and not overlapping with other images.

   Here is the code:

   #headerimg 	{
   	margin: 7px 9px 0;
   	height: 192px;
   	width: 740px;
   }
   #header {
   
   	background-color: #73a0c5; /* will change the color, but makes it easier to understand where this box is at.
   	margin: 0 0 0 1px;
   	padding: 0;
   	height: 180px;
   	width: 720px; 
   
   	}
   
   #headerimg {
   	margin: 0;
   	height: 200px;
   	width: 100%;
   	}

   The website is

   Any advise?

3. WD4A
   Member
   Posted 3 years ago #

   CSS cannot be used to resize images. when you define the width of #headerimg you only say that that div should be 740px wide, not the image inside it.

   You need to resize the image in an image editor (Photoshop, GIMP etc.). I would advise you *not* to use Paint, as it doesn't resample the image, and also creates images that are both low-quality and big.

   Hope this helps!

   Isaac

4. andyux
   Member
   Posted 3 years ago #

   I havent really looked at your code, but what i do is quick creative solutions. Get rid of the blue background or add the same blue to your header image. or just use a different theme altogether and then deal with it.

5. ClaytonJames
   Member
   Posted 3 years ago #

   You appear to be using the default theme. This may be of some assistance;

   http://codex.wordpress.org/Designing_Headers#Changing_the_Header_Image

Topic Closed

This topic has been closed to new replies.