Change centric pro Home2 widget area

[WvanW]

Hello,

I have the centric pro theme installed, but I would like to change the Home2 widget area.

It displays 3 featured page widgets, in 3 rows under each other. I would like to have them displayed in columns next to each other in 1 row.

Any idea where I can change the style of this widget area or how to achieve this?

Thanks in advance!

[Genesis Developer]

site url please

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[WvanW]

It is the same as in the demo.

Mobile Responsive
HTML5 Design
Customizable & Fast

Are the three featured page widgets placed in the Home2 widget area.

[WvanW]

http://my.studiopress.com/themes/centric/#demo-full

[WvanW]

Can anyone point me in the right direction!?

[WvanW]

I found which elements to style altho I can't get it right.

.home-widgets-2 {

	display: inline-flex;
}

Above code shows the featured page widgets horizontal. But I want them to look like the featured post widget.
So the feautured page widgets should be centered in the home 2 widget area and have a width of max:

width: 31.623931623931625%;

.home-widgets .featuredpage .home-widgets-2 .widget .widget-wrap

Can someone help me out with the correct css to fix this, please.

[WvanW]

.featuredpage {

width: 426.67px;
display: inline-flex;

}

This also shows them horizontal but still doesn't center them and also the height is different of each page widget, The ammount of content seems to do this.

[WvanW]

Still not solved....

[Genesis Developer]

try this

.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;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[WvanW]

That did do the trick although, The widgets now take the full width of the screen. I want them to be 1280px just like the featured post widget and they should be centered.

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

Is the good width, but still doesn't center the widgets.

[Genesis Developer]

.home-widgets-2{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}

try it

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[WvanW]

Thanks! That works, although it is not mobile friendly.

The featured post widgets show perfect on mobile.

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

[WvanW]

Also, the background is now shared with the home 3 widget area.
Seems like the home 2 widget area wrap is gone or something.

[WvanW]

http://www.productprovider.nl/

[WvanW]

Still haven't figured it out...

[Author]

Posts