Featured Page Widgets – increase to 4 across

[jessie]

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

[Chinmoy Paul]

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

[jessie]

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.

[Chinmoy Paul]

CSS would be this:

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

.home-middle .featuredpage {
    width: 23.0769%;
}

[jessie]

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

[jessie]

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

[Author]

Posts