• Resolved hnicoll

    (@hnicoll)


    I’ve just started using the Hueman theme, which I really like, but I’m not understanding how to edit the layout of the sidebar. I’d like to display a logo or two as anchors, and a list of links to related sites, and not have the top-bar menus repeated at the top of the side-bar as seems to be the default behavior. Can someone point me in the right direction? Do I need to edit the CSS file? Or, just install widgets in the side-bar? Thanks.

    Hugh
    site URL is <pansig.org/2014>

Viewing 5 replies - 1 through 5 (of 5 total)
  • Not quite sure if I understand you, but:

    I’d like to display a logo or two as anchors, and a list of links to related sites

    Use the standard text widget to insert standard html-images in the sidebar. As for links to related sites, I’m sure there is some link plugin that will give you a link list widget.

    not have the top-bar menus repeated at the top of the side-bar

    Do you mean the menu widget? Change to any widgets you want in Appearance > Widgets.

    Or, just install widgets in the side-bar?

    Should be enough.

    Thread Starter hnicoll

    (@hnicoll)

    Thanks much.

    Hello,
    I am using your them. its really cool them, i like this theme. I wanna edit primary sidebar, its size 280px, but i want to make this 320px. How to do it . Please let me know.
    Regards

    Hello,
    I am using your them. its really cool them, i like this theme. I wanna edit primary sidebar, its size 280px, but i want to make this 320px. How to do it . Please let me know.
    Regards

    hi there
    i have this problem too
    how can i change the left sidebar width?

    You will need to change the padding and margins in your style.css here is my exaple:

    /* base : layout columns

    /* ———————————— */

    /* 2 column, content left */

    .col-2cl .main-inner { background: url(img/sidebar/s-right-s1.png) repeat-y right 0; padding-right: 200px; }

    .col-2cl .s1 { float: right; margin-right: -200px; }

    .col-2cl .content { float: left; }

    /* 2 column, content right */

    .col-2cr .main-inner { background: #ffffff; padding-left: 200px; }

    .col-2cr .s1 { float: left; margin-left: -200px; }

    .col-2cr .content { float: right; }

    /* 3 column, content middle */

    .col-3cm .main { background: url(img/sidebar/s-right-s1.png) repeat-y right 0; }

    .col-3cm .main-inner { background: url(img/sidebar/s-right-s2.png) repeat-y left 0; padding-left: 200px; padding-right: 280px; }

    .col-3cm .s1 { float: left; margin-left: -200px; }

    .col-3cm .s2 { float: right; margin-right: -280px; /* ingenuity! */ position: relative; right: -100%; }

    .col-3cm .content { float: right; }

    /* news1 */

    .news1 {padding:0px; margin:0px; }

    .news1 { margin-bottom:10px; }

    .news1 { display:none !important; }

    .news1 { text-align:center; }

    .news1 { font-size: 22px; color: #fff; padding: 5px 0; }

    }

    /* 3 column, content left */

    .col-3cl .main { background-image: none; }

    .col-3cl .main-inner { background: #f8f8f8; padding-right: 600px; }

    .col-3cl .s1 { float: right; margin-right: -600px; }

    .col-3cl .s2 { float: right; margin-right: -280px; }

    .col-3cl .content { float: left; }

    /* 3 column, content right */

    .col-3cr .main { background-image: none; }

    .col-3cr .main-inner { background: url(img/sidebar/s-left-dual-full-expand.png) repeat-y left 0; padding-left: 600px; }

    .col-3cr .s1 { float: left; margin-left: -600px; }

    .col-3cr .s2 { float: left; margin-left: -280px; }

    .col-3cr .content { float: right; }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘editing sidebar in Hueman theme’ is closed to new replies.