• Resolved kaspr007

    (@kaspr007)


    Hello all.
    My site has a search bar and a few links that are outside the body of the rest of the site. I’m not sure what term I should put in. Currently it is “Float” example code below:

    .menu {
    float:right;
    }

    https://www.durhamdigs.ca

Viewing 7 replies - 1 through 7 (of 7 total)
  • I’d suggest you start by adding a unique id to each of your 2 menus. Right now they both have the single class .menu – which means that you can’t style one without impacting the other.

    Thread Starter kaspr007

    (@kaspr007)

    Well I’m not really sure how to do that. What I really want is for everything to shift to the left so that the right side of the search bar is lined up with the rest of the page. Make sense? If it makes sense then what code would I need to put in my style sheet?

    You can’t shift the second menu to the left unless you first add a unique id to the second menu’s markup via the template file (probably header.php).

    Thread Starter kaspr007

    (@kaspr007)

    This is my first website that I have created so my knowledge of a lot of coding is fairly limited. I have figured out how to edit css to get it to look like I want but I’m not sure how to create a “Unique id”.
    I understand now that both menus are fixed together. In order to separate them I must create a unique id for each menu. Could you explain how I create these unique id’s?

    WordPress 3.0.1
    thematic theme 0.9.6.2
    buddymatic theme 1.2
    early morning child theme 0.2

    What are you using to create each of the menus?

    the float works well for the top .menu which is in a div #branding, which is limited in width and centered; while the lower .menu is without these limitations.

    imho, if you change the style of .menu from:

    .menu {
        /*width:940px;*/
        float: right;
    }

    to:

    .menu {
        float:none;
        width: 920px; padding-right:10px;
        margin: 0 auto;
    }
    
    #access .menu {float:right; margin-right:0; padding-right:0; width:auto; }

    (the second style is new to compensate the top menu for the changes.)
    then you have your items back into the site.

    Thread Starter kaspr007

    (@kaspr007)

    @alchymyth that fixed it in firefox and ie. Thanks.

    https://www.durhamdigs.ca

    Resolved

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need a quick hand on what css term to use’ is closed to new replies.