Please help adjust header widget image without affecting background

[kmb]

I am trying to adjust the header widget image on my magazine theme and when I try to drop the image to line up with the secondary nav, it pushes the background color up above the secondary nav.

My website is http:everythingswimmingpools.com

I want the bottom of the boy to be flush at the bottom of whits header color, but when I do that the blueish color comes above the nav.

Is there a way to move the image down without affecting any of the other layout.

If anyone can help I would be thankful and very appreciative. Thanks in advance for any help.

[David Chu]

Hi,
Your header image is 150px tall. The "kids" are 140px tall. If you shrink the header height just a scosh, the kids will meet the bottom. This bit of CSS should do it:

.header-image #title-area {
  height: 140px;
}

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[kmb]

I tried that but, once again it pushes the blueish background up above the secondary nav. I have made other slight adjustments to the css that are probably conflicting. I am at a loss. Any more help is appreciated.

[David Chu]

If I'm following you, you also have some margins on the right image. You could try this to fix that.

#header img.alignright {
  margin: 0;
}

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[kmb]

That worked along with adding 10px to the padding for the #header .widget-area making it 10px 0 0;

Thank you for your help. It is silly but looks better for know until I change the image again later in the season. Have a good week and your time and help is appreciated very much.

[David Chu]

Glad to hear it!

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts