Superfish Questions & Answers
Q: How do I change the overall width of the Superfish Menubar template?
A: You have to edit the Superfish CSS file you are using. For instance if you are using ssf-green.css, open that file, locate the following rule and change the margin property as shown:
.ssf-green-wrap {
margin: 10px 0 0 0;
margin: 10px 10px 0 10px;
...
}
Then locate the following rule and change the margin property again:
.ssf-green-after {
...
margin: 0;
margin: 0 10px 0 10px;
...
}
Save your CSS file, ssf-green.css in this case, and reload your page to see the change in the menubar width.
Q: How do I change the width of the Superfish sub-menus?
A: You have to edit the Superfish CSS file you are using. For instance if you are using ssf-green.css, open that file, locate the following rule and change the width property as shown:
.ssf-green ul {
...
width: 10em; /* left offset of submenus need to match (see below) */
width: 15em; /* left offset of submenus need to match (see below) */
}
Then locate the following two rules and change the left property in both of them:
ul.ssf-green li li.wpm-hover ul {
left: 10em; /* match ul width */
left: 15em; /* match ul width */
...
}
ul.ssf-green li li li.wpm-hover ul {
left: 10em; /* match ul width */
left: 15em; /* match ul width */
...
}
Save your CSS file, ssf-green.css in this case, and reload your page to see the change in the sub-menus width.
hi,
i think i have the same question that igor had back on October 2.
i have the following code:
.sf-blue li.selected,
.sf-blue li.current-cat,
.sf-blue li.current-cat-parent,
.sf-blue li.current_page_item,
.sf-blue li.current_page_parent,
.sf-blue li.current_page_ancestor {
background: white;
color: black;
}
the background works fine; but i can’t gain any control over the font color. “color:black”, as it is above, doesn’t work.
any chance you can help me figure out the solution?
here’s a link to the site: http://dev.wearebinary.com/about/
thanks much!