Sizing content under home page slider

Support Area Forums Foundation Sizing content under home page slider

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://operationrainbowcanada.ca/
  • Author
    Posts
  • #30319
    Terry Lavender
    Participant

    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!

    #30320
    Bill Robbins
    Moderator

    Hello Terry,

    Great questions. You can have that widget take up the same width as the slideshow does. Here’s how to do that:

    1. Go to your theme options page and choose the Style tab.
    2. 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;
      	}
      
      }
      
    3. 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

    #30381
    Terry Lavender
    Participant

    thanks – that did the trick!

    #30384
    Bill Robbins
    Moderator

    Fantastic. Let me know if you need anything else Terry 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Sizing content under home page slider’ is closed to new replies.