3-Column class as a Widget no working in Executive Theme

Community Forums Forums General Discussion 3-Column class as a Widget no working in Executive Theme

This topic is: not resolved

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  braddalton 11 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #66246

    russpond
    Participant
    Post count: 5

    I’m trying to setup a home page in Executive Theme, and I’m using the Home Middle Widget to place three images with text, and I need them displayed in 3 columns across the full width of the page. So, I used the Genesis 3-column class:

    <div class="one-third first">content 1</div>
    <div class="one-third">content 2</div>
    <div class="one-third">content 3</div>

    But, when it displays the columns are way too small, acting like one-sixth instead of one-third.

    Here’s the dev site: http://dev.etrak.com

    Any thoughts or ideas on why this is happening? Do column classes not work in widgets?

    Thanks,
    Russ

    http://dev.etrak.com
    #66263

    braddalton
    Participant
    Post count: 9752

    Yes because the CSS code determines the width at 33%
    [css]
    .home-middle .widget,
    .home-top .widget {
    float: left;
    padding: 0 2.8%;
    width: 33.33333333333%;
    }
    [/css]

    You can change this or add a full width widget before or after the home middle section.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #66264

    russpond
    Participant
    Post count: 5

    Perfect! Thanks.

    I just changed it to 100%.

    Appreciate the quick feedback.

    #66275

    braddalton
    Participant
    Post count: 9752

    no worries.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

You must be logged in to reply to this topic.