Executive Theme – Homepage middle question

[squirty]

Does anyone know how to do this?

I have the executive theme on a site but I want to change how the home middle part displays. Instead of having 3 widgets in there, I want to have one text widget that will cover the full width of the page (not just a third). I had a play with the CSS but it messed up the site.

What do I change in the CSS?

[Brad Dalton]

I tested this code edit and it works.

On line 556 of the executive child themes style.css file. Change width to 100%

.home-middle .widget,
.home-top .widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 100%;
}

---

Tutorials for StudioPress Themes.

[squirty]

Thanks, Brad.

That's what I tried yesterday, but it didn't work out right. When I change that code to 100%, the 3 featured page widgets in Home-Top stack on top of one another (instead of side-by-side). How do I move them back?

[buddy_boy8403]

What is the url to your site?

[squirty]

discoverweb.co.uk

[Brad Dalton]

.home-middle .widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 100%;
}

---

Tutorials for StudioPress Themes.

[squirty]

Thanks, Brad.
That doesn't look like it worked. Any other suggestions?

[wp guy]

Changing home middle to 100% if fine, but you have to change Home Right and Home Left to 0. Also,  I don't know if there's already sample text in the home right/left widgets - if there is then just drag blank text widgets there.

[squirty]

Thanks, Wp Guy. Where do I make the change so the 3 widgets in Home-Top align next to each other?

 

[squirty]

Anyone any ideas how to sort the top widgets?

[squirty]

Bumping this for anyone who knows how to sort this out?

[squirty]

If anyone is following this thread, or needs to do it, you need to insert a new condition in the css style sheet of the following:

 

.home-middle .widget{
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 100%;
}

In the css style sheet, it has a comma next to home top and home middle. You simply need to create a new home middle hook.

[Author]

Posts