Changing border (is it a shadow?) around content

[RickHorowitz]

I built my wife a gardening blog using Going Green Pro, and used an image of a part of the garden across the top of the site.

Now when we add a featured image, the two basically "compete" for attention because the featured image overlaps the way it does.

One way I thought to try to ameliorate this is by changing the border around the content to something like a solid dark brown, or even a black, to give a little separation.

However, I can't figure out how that border is created. I thought it was part of something called content-sidebar-wrap, but I see nothing that would create this border.

Any help would be greatly appreciated.

The website is at lifeofbunny.com.

Thank you.

--
Rick

---

Rick Horowitz

http://lifeofbunny.com

[AnitaC]

It's actually treated as a background. Look for this in your style sheet:

.site-inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    clear: both;
    margin: -160px auto 0;
    max-width: 1140px;
    padding: 10px;
    position: relative;
    z-index: 9;
}

Change the background to the HTML color code of your choice. Or you can create an rgba color with this cool tool.

---

Need help with customization or troubleshooting? Reach out to me.

[RickHorowitz]

OMG! I looked at that several times, and never figured out that it was causing that border.

Thank you very much.

Problem solved.

---

Rick Horowitz

[AnitaC]

I use Firebug for Firefox! It's a gem!

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts