editing sidebar in Hueman theme
-
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>
-
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.
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.
RegardsHello,
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.
Regardshi 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; }
- The topic ‘editing sidebar in Hueman theme’ is closed to new replies.