Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #133375
    Glen Pavelich
    Participant

    Is there any way to make the number of columns 5. This is the perfect widget for our home page, but we need 5 images in one row. We don’t want it to be 2 rows.)
    See example just under the nav bar here: (Test site_ https://tangledgardenherbs.ca/tangledgardenherbs.ca)

    #133401
    Skandha
    Participant

    @fireflywebs: There is option to select up to 4 columns in the featured content layout option. If you want the featured content layout to be 5 columns you will need to do a lot of customization using a child theme. For this purpose i suggest you to hire a customizer.

    Regards,
    Skandha

    #133454
    Glen Pavelich
    Participant

    OK – Thank you. I will play around with it.

    G

    #152285
    Glen Pavelich
    Participant

    I did get the columns to be 5…. (see site now at http://www.tangledgarden.ca..
    but can you assist with the responsive view for the media size 800 and 768. The columns break into 2 rows for some reason. You will see that at media size 900 they still work on one row, and at 601 they break into one column as they should. But is there a way for the 800 to 768 to maintain one row. I haven’t been able to find the css for this break.

    Thanks

    #152286
    Glen Pavelich
    Participant

    Responsinator shows the issue nicely as you scroll down to the 736 and 768.

    http://www.responsinator.com/?url=tangledgarden.ca

    #152380
    Glen Pavelich
    Participant

    I was able to get the iPad screen size 1024 to display properly using

    #featured-content.layout-four .hentry:nth-child(2n+1), #featured-content.layout-three .hentry:nth-child(3n+1), #featured-content.layout-two .hentry:nth-child(2n+1), #supplementary.two .widget-area:nth-child(2n+1), #supplementary.four .widget-area:nth-child(2n+1) {
    clear: none;
    }

    But this isn’t working for other sizes even with clear: none !important; although this change does do the trick when testing it via ‘inspect element’ wherever I find that code, for all sizes.

    See the responsinator view
    http://www.responsinator.com/?url=tangledgarden.ca

    The feature content is wrapping to 2 rows in others.

    #152390
    Glen Pavelich
    Participant

    I think I fixed it with:
    #feature-post-3 .post .hentry .post {
    clear: none;
    }

    #152434
    Skandha
    Participant

    @fireflywebs: Glad you were able to fix it. Also a new theme update has been released. Please update your theme to the latest version.

    Kind Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Featured Pages Columns’ is closed to new replies.