Sizing content under home page slider
URL to the page in question:
http://operationrainbowcanada.ca/
-
Hi – I’d like to have content on the home page that’s sized to the width of the slideshow. I’ve tried adding the “Page Content” widget, but when I do that, the content extends the entire width of the page (see http://operationrainbowcanada.ca/). How can I restrict the content to the width of the slideshow, and also have it right underneath the slideshow?
thanks!
Hello Terry,
Great questions. You can have that widget take up the same width as the slideshow does. Here’s how to do that:
- 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: 1024px) {
#home-widgets .widget.home-page-block {
width: 630px;
}
}
- Update your settings.
You’ll probably want to move at least one of the widgets that’s in the home top widget area to the home bottom one, after the page content widget.
The home page is split up into two invisible boxes: home top and home bottom. If the widgets in home top are taller than the slider, they will push the home bottom widgets down and create a space between the slider and the home bottom area. So you’ll want to have the widgets be equal in height to the slider or shorter to keep the home bottom area in place.
If you have any questions or trouble, let me know.
Thanks,
Bill
thanks – that did the trick!
Fantastic. Let me know if you need anything else Terry 🙂
- The topic ‘Sizing content under home page slider’ is closed to new replies.