[mhexpert]

Thank you, Brad. It magically works this morning. Maybe it was cached?

In any case, your solution works perfectly now on my site.

Thank you so much for your help!!!

[mhexpert]

Trying again...posting links to the screenshots...

inspect element page code

style CSS code

[mhexpert]

Oops, left off tags:

<img src="http://manufacturedhomes.expert/page-code/" alt="page code inspect element" />

<img src="http://manufacturedhomes.expert/style-css-code/" alt="style css code" />

[mhexpert]

Brad,

I left this alone for a few days to come back with fresh eyes. I'm still having trouble, but I think it's closer.

I deactivated the Genesis Design Palette Pro.

I added the mods to the style.css file.

However, the front page now shows one featured page middle widget on its own row, instead of in two widgets per row.

I'm attaching screenshots of the website with inspect elements and of the style.css file.

If this can't easily be resolved here, let me know if you offer private tech help.

Thanks in advance.

[mhexpert]

Thank you @braddalton.

Still not working on my end.

I changed the 3n to 2n following your advice here and on http://wpsites.net/web-design/increase-agency-pro-themes-home-middle-widgets-from-3-to-4-columns/.

This is what I have on my Freeform CSS:

/* Change middle widget from (3n+1) to (2n+1) to display 2 widgets on each line instead of 3*/
.home-middle .widget:nth-of-type(2n+1) {
clear: left;
}

/* make the middle widgets display 2 instead of 3 */
.home-middle .widget {
    float: center;
    padding: 0 2.8%;
    width: 50%;
}

[mhexpert]

I meant 2 widgets/columns per row.

So in my front page I want the Buy & Sell to be on one row (which they are), and Upgrade & Cash Out to be on the next row.

But right now Upgrade and Cash Out are on different rows.

I've only edited the CSS...haven't added anything to functions.php or front-page.php.

Thank you!

[mhexpert]

@Davinder,

Would I use a similar code to what you posted above if I want to change the default of 3 columns to 2? And do you enter that in the functions.php file?

I’m using Executive Pro, and the Middle Section Widget is 3-columns by default.

I have 4 items to show, so wanted to change the widget to a 2 x 2.

I took CSS code from another post, and added this to my stylesheet (I use Genesis Design Palette Pro – Freeform CSS):

.home-middle .widget, .home-top .widget {
    float: left;
    padding: 0 2.8%;
    width: 50%;
}

But as you can see on my front page, it is not working exactly. It’s showing the first row as 2 columns, but the third item in the next row, and the fourth item in a different row.

I’ve been looking for hours…so thank you in advance.

http://manufacturedhomes.expert/

[mhexpert]

@pixiegrl

Did you change the number of columns?

I’m using Executive Pro, and the Middle Section Widget is 3-columns by default.

I have 4 items to show, so wanted to change the widget to a 2 x 2.

I took CSS code from another post, and added this to my stylesheet (I use Genesis Design Palette Pro – Freeform CSS):

.home-middle .widget, .home-top .widget {
    float: left;
    padding: 0 2.8%;
    width: 50%;
} 

But as you can see on my front page, it is not working exactly. It’s showing the first row as 2 columns, but the third item in the next row, and the fourth item in a different row.

If you were able to change this on your site, would you share where you found a solution? Is there something I need to add to front-page.php or functions.php?

I’ve been looking for hours…so thank you in advance.

http://manufacturedhomes.expert/

[mhexpert]

@braddalton

I have a question along the same lines.

I'm using Executive Pro, and the Middle Section Widget is 3-columns by default.

I have 4 items to show, so wanted to change the widget to a 2 x 2.

I took your CSS code and added this to my stylesheet (I use Genesis Design Palette Pro - Freeform CSS):

.home-middle .widget, .home-top .widget {
    float: left;
    padding: 0 2.8%;
    width: 50%;
}

As you can see on my front page, it is not working exactly. It's showing the first row as 2 columns, but the third item in the next row, and the fourth item in a different row.

Is there something I need to add to front-page.php or functions.php?

I've been looking for hours...so thank you in advance.

http://manufacturedhomes.expert/

[mhexpert]

@frobn: Genius! THANK YOU! It works now!

[Author]

Posts