executive theme home middle widgets area

Community Forums Forums Design Tips and Tricks executive theme home middle widgets area

This topic is: resolved

Tagged: 

This topic contains 6 replies, has 4 voices, and was last updated by  cenapin 9 months, 2 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #63241

    Tracy
    Participant
    Post count: 91

    I seem to be having issues specific to Internet Explorer on this website. I particular problem I am facing is using the executive theme there are 2 areas each holding 3 featured pages. I would like the Home – Middle Widget area to hold only 2 widget areas 50% width each. I thought that I had managed to this but now I see that viewing with Internet Explorer it shows 3 sections still. 1 blank of course because I only dragged 2 widgets into place. viewing with Google Chrome and also Firefox display my 2 equal. Can you help me with this. I am pasting my code below.
    /* Home Page
    ———————————————————— */

    .home-middle,
    .home-top {
    background-color: #fffbf4;
    clear: both;
    overflow: hidden;
    padding: 60px 40px 0;
    }

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

    .home-middle .widget,
    .home-middle.widget {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 30px;
    width: 50%;
    }
    I don’t think I made any changes to the home.php so I didn’t post it here for you.
    Thanks for the help

    http://riverquest.ca/2013
    #63251

    anitac
    Participant
    Post count: 7028

    I am still seeing three widgets in Firefox. Did you revert back to the original set up?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #63262

    Tracy
    Participant
    Post count: 91

    anitac I am home on a different computer again and all 3 browsers show the .home-middle.widget with the 2 – 50%width correctly now. working on this site have been fairly strange in the fact that IE displays differently and I am still struggling with some custom color styles not changing on a couple of other computers. for now, I guess I will watch and eventually the changes may resolve??
    Thankyou

    #63272

    braddalton
    Participant
    Post count: 8873

    This is the code i tested locally and it works:
    [css]
    .home-middle .widget {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 30px;
    width: 49.5%;
    }
    [/css]


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #63273

    anitac
    Participant
    Post count: 7028

    If Brad’s code doesn’t work – add the !important with the width like this:

    width: 49.5% !important;


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #63371

    Tracy
    Participant
    Post count: 91

    thank you both, it did seem to be resolved yesterday but after reading your replies I just changed it from 50% to 49.5% because you both know more than I do for sure. thanks…

    #66553

    cenapin
    Participant
    Post count: 2

    What is the font-size for Title on Feature-page? Where can I change it?. I changed the following code on css file on EXECUTIVE PRO theme, but nothing happened. These titles might not be a header ???? Any Answer I will be appreciated

    h1 {
    font-size: 42px;
    font-size: 4.2rem;
    }

    h2 {
    font-size: 36px;
    font-size: 3.6rem;
    }

    h3 {
    font-size: 30px;
    font-size: 3rem;
    }

    h4 {
    font-size: 24px;
    font-size: 2.4rem;
    }

    h5 {
    font-size: 20px;
    font-size: 2rem;
    }

    h6 {
    font-size: 16px;
    font-size: 1.6rem;
    }

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

The topic ‘executive theme home middle widgets area’ is closed to new replies.