Help with lining up new homepage sidebar

Community Forums Forums Design Tips and Tricks Help with lining up new homepage sidebar

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  SoZo 1 year, 9 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1842

    BerniceKidd
    Participant
    Post count: 2

    I have registered a few sidebars and have added them to home.php. Two of the sidebars are on top of each other. Could you let me know what I have done? The home.php looks like this;

    <?php get_header(); ?>

    <?php genesis_home(); ?>

     

    <div id=”homepage”>

    <?php if( function_exists(‘wp_cycle’) ) : ?>

    <?php wp_cycle(); ?>

    <?php endif; ?>

    <div class=”home-one-column”>

    <?php dynamic_sidebar( ‘home-one-column’ ); ?>

    </div>

    <div class=”home-page-about-us”>

    <?php dynamic_sidebar( ‘home-page-about-us’ ); ?>

    </div>

    <div class=”three-column-sidebar”>

    <?php dynamic_sidebar( ‘three-column-sidebar’ ); ?>

    </div>

    <div class=”two-column-sidebar”>

    <?php dynamic_sidebar( ‘two-column-sidebar’ ); ?>

    </div>

    <?php get_footer(); ?>

    I have the ‘under construction’ plugin activated so you will need to login with these details

    http://www.simplicitycoaching.co.za/wp-admin

    Username: Forum

    Password: Forum123*

    Many Thanks

    >

    #1848

    SoZo
    Moderator
    Post count: 1573

    I’m not seeing anything apparently on top of each other.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #1854

    BerniceKidd
    Participant
    Post count: 2

    HI.  I have just changed the one image widget to a red block image which makes it clearer.  This is a 850px image.  Below that should be a two image widget of the two ladies (next to each other).  I have added these sidebars on the homepage in style CSS (obviously I have done something wrong); The 2 that are on top of each other are ‘home-page-about-us’ and “one column sidebar” Any advice would be very welcome!

    Ad Sidebar
    ———————————————————— */

    .two-column-sidebar {
        clear: both;
           float: left;
           color: #FFFFFF;
           font-size: 12px;
           margin: 0 auto;
        width: 850px;
         }
     
        .widget {
        float: left;
        color: #FFFFFF;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        width: 420px;

    /* Ad Sidebar
    ———————————————————— */
    .three-column-sidebar {
    clear: both;
    margin: 0 auto;
    width: 850px;
    }

    /* Ad Sidebar
    ———————————————————— */
    .home-page-about-us {
        clear: both;
        margin: 0 auto;
        width: 850px;
    }

    /* Ad Sidebar
    ———————————————————— */
    .home-one-column {
        clear: both;
        margin: 0 auto;
        width: 850px;
    }

    #1868

    BerniceKidd
    Participant
    Post count: 2

    Hi.  Sorry, the problem only shows up in firefox.  I have tried IE and it is fine.  Wish I have worked that out 3 hours ago!

    Thanks for your help.

    B

    #1895

    SoZo
    Moderator
    Post count: 1573

    I can’t determine why the widgets aren’t floating. I imagine there’s a clear interfering somewhere but I couldn’t find it. But instead of floating widgets within the same sidebar I would add two separate sidebars there.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

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

You must be logged in to reply to this topic.