Featured page widgets (horizontal) next to each other

[WvanW]

I need help with centering the featured page widgets in the centric pro home2 widget area horitzontal.

.home-widgets-2 .featuredpage {
width: 31.6239%;
float: left;
margin-left: 2.5641%;
clear: none!important;
}
.home-widgets-2 .featuredpage:nth-of-type(3n+1){
margin-left: 0;
}
.home-widgets-2{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}

I want the featured page widgets in the home2 widget area to show exactly as the featured post widgets, which are in the home3 widget area.

The code above is working but with above code I cant change the background of the home-2 widget area anymore. It takes over the colour of the home-3 widget area.

Also the above code is not mobile responsive. The featured post widgets show perfect on mobile.

Is it possible to do the same for the featured page widgets?

http://www.productprovider.nl/

[WvanW]

It has something to do with this code:

.home-widgets-2 {
max-width: 1280px;

.home-widgets-2 .featuredpage {
float: left;

I want the home2 widget area to be full width. But the widgets inside must be one-third, with a max of 1280px.
So the content (3 featured page widgets) should be 1280px together max.

The float left seems to clear the background colours of the home-widgets-2 and the featured page widgets.

[Author]

Posts