How can I make the main content box larger?
URL to the page in question:
http://www.michiganbeergrowlerco.com
-
There are a couple of options for you. If you only need to keep the text on that page from wrapping, then do this:
- Go to your theme options page and choose the Style tab.
- Scroll down to the Custom CSS box and add this:
#content ol {
margin-left: 5px;
margin-right: 0;
}
- Update your settings.
If you want to make the content area larger when the screen size is bigger, you can do this as well (I’d still follow the instructions above since they’ll help on smaller screens):
- Go to your theme options page and choose the Style tab.
- Scroll down to the Custom CSS box and add this:
@media only screen and (min-width: 1200px) {
.wrap {
width: 1040px;
}
#content {
width: 700px;
}
}
- Update your settings.
Let me know if you have any questions,
Bill
I used your first code in style area, but my beers are extending and I need more room for the long names.
http://michiganbeergrowlerco.com/on-tap/
also, how do i update settings? is this different than saving?
If you need more room, then use option too as well. It’ll give you more room when your visitors are using displays large enough to accommodate it.
Updating settings is the same as saving them.
Looks great! Cheers!
I think my subscription is almost up:( but will i still be able to take part in help forum after it runs out?
Glad to hear that worked out for you.
It looks like you’re membership runs through December 28. You can keep on using the themes after that, but support does run out with the subscription. You can renew at that time if you’d like to. Just up to you.
Thanks,
Bill
- The topic ‘How can I make the main content box larger?’ is closed to new replies.