Genesis Featured Page Widget & Business Pro Theme

[BrendaGaelSmith]

I am trying to set up a row of three featured page links on the home page of a site with the Business Pro theme.

I have tried the built in Genesis Featured Page widget and the Genesis Featured Page Advanced Plugin using the 1/3rd display setting. In both cases, the third column is displayed on a new line rather than 3 in a row.

Please help me troubleshoot so that the three featured page links are displayed correctly across the full width of the page when viewed on a desktop.

http://www.quiltnsw.com

[AnitaC]

Try adding this to your Additional CSS box under Appearance > Customize:

.front-page-3 .one-third {
    width: 30.624%;
}

---

Need help with customization or troubleshooting? Reach out to me.

[BrendaGaelSmith]

Thanks for that suggestion. That CSS fixes it on desktop but breaks it on mobile (puts it all into one long column).

[andytc]

In the code for the featured page, on the first widget it has the code below showing 'one-third'

<section id="featured-page-advanced-2" class="widget featured-content featuredpage one-third">

That should be - 'one-third first' as shown below , if you can add the class of 'first' to the 1st widget it'll all snap into place.

<section id="featured-page-advanced-2" class="widget featured-content featuredpage one-third first">

[BrendaGaelSmith]

Thanks @andytc. Before I read your e-mail, I found a "first" check box in the widget interface and now it all fits 🙂

[Author]

Posts