Home Middle Widgets

[Neil]

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

[Davinder Singh Kanith]

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.

[Davinder Singh Kanith]

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 7 years, 1 month ago by Davinder Singh Kanith.

[Neil]

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

[Davinder Singh Kanith]

Welcome Neil.

[Author]

Posts