Need help? Check out our Support site, then


Removing right float in Bueno main navigation

  1. The Bueno theme main navigation menu has a css element

    .fr {
    float: right;
    }

    that floats the main navigation menu to the right. I can fiddle with it to float left, but I would like to remove the float altogether so that the menu is centered above the content. I can add all sorts of css commands to the .fr in my custom css that attempt to align the navigation, e.g.,

    .fr {
    margin-left:auto;
    margin-right:auto;
    }

    But none of these cancels out the float right. I tried putting an empty version of it in there

    .fr {
    }

    but of course CSS doesn't like that, either.

    The blog I need help with is iddesignwp.wordpress.com.

  2. #pagenav {
        float: none;
        text-align: center;
    }
    .nav li, #header .menu li {
        display: inline-block;
        float: none;
    }

    You also need to correct the color of the footer credits: the color scheme you have selected makes them invisible, and that's against the TOS. Add this and replace 456789 with the hex for the color you prefer:

    #footer a:link, #footer a:visited {
        color: #456789;
    }
  3. Awesome, thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic