Executive Theme – Homepage middle question

Community Forums Forums Design Tips and Tricks Executive Theme – Homepage middle question

This topic is: not resolved

This topic contains 11 replies, has 4 voices, and was last updated by  squirty 1 year, 4 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #13107

    squirty
    Participant
    Post count: 14

    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?

    • This topic was modified 1 year, 7 months ago by  squirty.
    • This topic was modified 1 year, 7 months ago by  squirty.
    #13113

    braddalton
    Participant
    Post count: 9232

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #13242

    squirty
    Participant
    Post count: 14

    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?

    #13244

    buddy_boy8403
    Participant
    Post count: 132

    What is the url to your site?

    #13246

    squirty
    Participant
    Post count: 14

    discoverweb.co.uk

    #13263

    braddalton
    Participant
    Post count: 9232

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #13281

    squirty
    Participant
    Post count: 14

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

    #13285

    wp guy
    Participant
    Post count: 222

    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.

    #13297

    squirty
    Participant
    Post count: 14

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

     

    #13700

    squirty
    Participant
    Post count: 14

    Anyone any ideas how to sort the top widgets?

    #20935

    squirty
    Participant
    Post count: 14

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

    #35913

    squirty
    Participant
    Post count: 14

    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.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.