White area above below graphic on Home Page

[purplemagpie]

Hi Everyone,

Can somebody please tell me what this white stuff is on the Home Page around my graphic? And HOW do I get rid of it?

It looks fine on the actual post page.

I'm using Quattro.

Home Page    http://www.alaskamagpie.com/testsite3/

Actual Post    http://www.alaskamagpie.com/testsite3/6/

Thanks in advance!

http:// http://www.alaskamagpie.com/testsite3/

[cdils]

Is that photo in a widget area? If so uncheck the "Automatically add paragraphs" from the widget. That'll remove the
tag around that photo and the margin style that goes with it. 🙂

Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

[purplemagpie]

Carrie,

Thanks for the quick answer. And you were on the right track, but now I have a related situation.

It's not a widget, but it IS a sticky, which is probably why it put the band. I've used stickies a lot, but always on lighter background so I never knew they put the border.

So, now, how do I get that graphic to stay at the top if I don't sticky it or is there a way to change the sticky so it doesn't put the band.

If there's a code, please show me what is above it and below it as I tend to have trouble knowing exactly where to put the words.

Thanks again.

Maggie

[purplemagpie]

Carrie (and others),

Here's how I've temporarily fixed it.

I went into Post #2 and Inserted the graphic on the top of Post Number 2's text, so instead of being a separate thing it's part of the one that used to be 2nd on the page.

But, I'd like to see if there's a way to make it a "top post" without being a sticky.

Thanks,

Maggie

[cdils]

Ah, okay! That makes total sense.

You're right -your workaround solved it temporarily, but isn't a good permanent solution. Let's fix it via CSS instead. Go ahead and delete the image you set above the text on the post and go back to the way things originally were.

Once that's done, we can dive into the CSS and figure out what we need to edit. If you've never used Chrome Developer Tools or Firebug to help figure out your CSS, check out this demo. Post a message when you're ready and I'll take a look again.

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

[Author]

Posts