Borders around containers

[brannon1977]

Hello all,

I'd like to include light gray borders around certain areas of my Magazine Pro themed website. I'm trying to get it to look somewhat like the example below:

Homepage

I'd like a border around the body as well as certain areas within the body.

1. What is the CSS code I need to add and where should I be looking in the Style sheet?

2. If I add the borders will it affect the mobile (responsive) versions of my website?

I really like the example theme above and I actually bought it but the problem is the theme has too many issues and I don't want to risk using it for my new authority site.

I trust Studio Press far more but the Magazine Pro theme is just so plain looking for my new Tech site at http://techu4ria.com.

Thanks for your help.

http://techu4ria.com/

[CleanPageDom]

Hi there

The dashed border in the example site is done with:
border-top: 1px dashed #f1f1f1;

So you'd need to add this wherever you felt necessary (such as in .entry-content {}). It wouldn't affect responsiveness if you just did border-top/border-bottom.

It would depend which areas within the body you were trying to target as to how you'd go about that, but I suppose you could add something below an image, like this:

.entry content img {
border-bottom: 1px dashed #f1f1f1;
}

Thanks
Dom

---

Let’s build a website together…

[Author]

Posts