• 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] Featured Page Widgets – increase to 4 across

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 › Featured Page Widgets – increase to 4 across

  • This topic has 5 replies, 2 voices, and was last updated 6 years, 3 months ago by jessie.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 17, 2016 at 4:25 pm #906
    jessie
    Participant

    Trying to increase from 3 to 4 columns across 1 line on home page. I’ve tried several times with instructions given to previous posters here requesting same, to no avail.

    I still have 3 FP widgets on 1 line and the 4th on the line below.

    Appreciate some assistance, thanks

    February 17, 2016 at 5:31 pm #907
    Chinmoy Paul
    Moderator

    Can you share your site URL? Are you replace 3n+1 with 4n+1 ?

    February 17, 2016 at 6:10 pm #908
    jessie
    Participant

    Usual story, site in development on my computer. Can you confirm it is 4n+1 please, not 4n+2. Previous postings on this topic said to change 3n+1 to 4n+2.

    Thanks.

    February 17, 2016 at 6:30 pm #909
    Chinmoy Paul
    Moderator

    CSS would be this:

    .home-middle .featuredpage:nth-of-type(4n+1) {
        clear: both;
        margin-left: 0;
    }
    
    .home-middle .featuredpage {
        width: 23.0769%;
    }
    February 20, 2016 at 2:34 pm #918
    jessie
    Participant

    I must be doing something wrong, but for the life of me cannot see what. Still showing 3 FPages on 1 line and the 4th underneath. here is the css I currently have –

    .one-fourth,
    .home-middle .featuredpage {
    width: 23.076923076923077%;
    }

    .three-fourths {
    width: 74.35897435897436%;
    }

    .one-sixth {
    width: 14.52991452991453%;
    }

    .five-sixths {
    width: 82.90598290598291%;
    }

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

    Thanks

    February 20, 2016 at 3:08 pm #919
    jessie
    Participant

    Resolved! No idea what happened but it suddenly righted itself.

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

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