Need help? Check out our Support site, then


Customizing sidebars

  1. Question, I am using the latest sandbox theme and I want to hide the sidebars from the static pages but not the home page a.k.a post page. I tried:

    .page #primary,#secondary {
    visibility:hidden;
    }

    .page #content {
    width: 100%;
    }

    and that works EXCEPT that it now only shows the primary sidebar on the left and not the secondary sidebar on the right, on the home page. Does anyone know why? Any CSS advise?

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

  2. Also was wondering if anyone could help me with another css problem I have concerning the navigation menu on my site. I would like the navigation menu text to be 14px; font-style bold with out italics and centered to my page/body content. I am also trying to make the submenu under Gallery to be a vertical menu rather than horizontal like it is now. I am using the Sandbox 1.6.2 theme and on it, it uses:

    #access ul,#access ul ul {

    as the code for the navigation menu so I tried customizing its original settings to read this:

    #access ul a {
    display: block;
    margin-right: 3em;
    padding: 1em 1em;
    text-decoration: none;
    }

    #access ul ul ul a {
    font-size:14px;
    font-family: "Times New Roman", Times, serif;
    font-style: bold;
    }

    #container {overflow:hidden;}
    #access ul,#access ul ul { {float:left!important; position:relative; left:20%;}
    #access ul,#access ul ul { {position:relative; right:50%;}

    tried doing #access ul,#access ul ul { {float:left!important; position:relative; left:50%;}
    but that didn't work so tried 20% and that works alright on my screen but possibly not others. Either way I have not been able to change the font size or style. And can't get the submenu under gallery to come out vertical rather then horizontal.

  3. #access {position:relative; left:50%; float:left;}
    #access ul.menu {width:100%;}
    #access ul.menu li {position:relative; right:50%;}
    #access ul.menu ul li {float:none; right:0;}
    #access .menu a {font-size:14px; font-style:normal; font-weight:bold;}

Topic Closed

This topic has been closed to new replies.

About this Topic