Space on Each side of the page
URL to the page in question:
http://www.lavisitation.org
-
Is there a way I can decrease the amount of space on each side of the content? The site looks fine on my laptop with the orange being about an inch on each side but when I open it on a larger computer that space grows depending on the size of screen. I hope that makes sense.
Thanks!
You can make a set of styles for larger displays too. Here’s how:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
@media only screen and (min-width: 1250px) {
#header-content,
#footer {
width: 1200px;
}
.wrap {
width: 1140px;
padding: 30px 30px 45px;
}
.flexslider .slides img {
max-width: none;
width: 100%;
}
#donate-graph-holder,
#donate-description {
width: 900px;
}
#home-left,
#home-middle,
#home-right {
width: 362px;
}
#content {
width: 790px;
}
#sidebar {
width: 300px;
}
}
- Update your settings.
I believe that should get things going for you with browser windows that are 1250 pixels wide or larger. Let me know if you have any questions or trouble.
Thanks,
Bill
- The topic ‘Space on Each side of the page’ is closed to new replies.