• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Home Middle Widgets

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Home Middle Widgets

Tagged: widgets

  • This topic has 4 replies, 2 voices, and was last updated 5 years, 8 months ago by Davinder Singh Kanith.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 10, 2015 at 8:46 am #210
    Neil
    Participant

    Hello.
    I have 3 featured page widgets set up in Home Middle as in the agency demo but if I try to add a text widget above them within Home Middle it breaks the layout.
    Screenshot:
    http://5lx.co.uk/images/Screenshot2015-05-10t09.31.23.png

    I have added an extra widget area temporarily to get round this but do you know why it’s happening?
    Thanks

    May 10, 2015 at 11:38 am #211
    Davinder Singh Kanith
    Moderator

    Hi Neil

    That is how the “home middle” widget area is coded. If you intend to use ‘Featured Page’ widget in the ‘Home Middle’ widget area, then it has to be placed before all the widgets to get the correct 3 columns layout.

    If your remove all ‘Featured Page’ widgets, then layout should appear fine. To summarize, in this widget areas ‘Featured Page’ widget gets first preference. All demos reflect that as well.

    May 10, 2015 at 12:34 pm #212
    Davinder Singh Kanith
    Moderator

    If you really want to show one text widget before the 3 columns featured page widgets: you can make the following change in the style.css file.

    Look for following code in style.css file

    .first,
    .home-middle .featuredpage:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0;
    }

    Change it to this (basically replace 3n+1 with 2)

    .first,
    .home-middle .featuredpage:nth-of-type(2) {
        clear: both;
        margin-left: 0;
    }
    • This reply was modified 5 years, 8 months ago by Davinder Singh Kanith.
    May 10, 2015 at 2:50 pm #214
    Neil
    Participant

    Thanks Davinder, that’s clear now.
    I might use that in my css later but now I have added another widget area above Home Middle in front-page.php I might as well keep that.

    Cheers
    Neil

    May 10, 2015 at 2:57 pm #215
    Davinder Singh Kanith
    Moderator

    Welcome Neil.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2021 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates