Font and tab size

[Anonymous]

Ryan,

Thanks for the plugin. You are one of the few people to make a drop down menu. Thanks.

My big hangup is that the font and tab size are too big. Any way to change that? Where?

[imported_Ryan]

When I designed the plugin, I made it work with the default Kubrick theme. Unfortunately it sets a very small font-size which affects this plugin. I will be correcting this in a future version which will be release some time in the next month or so.

In the mean time, you can change the font size and the width of the dropdown menu by editing the ryans_suckerfish.css file (found in the plugin folder).

Here’s the code you need to edit for the font size:
[code:3eg778ii]#suckerfishnav { ... font-size:1.3em;}[/code:3eg778ii]

And here’s the codes you need to edit to change the width of the dropdown:
[code:3eg778ii]#suckerfishnav li li {... width:9em; …}
#suckerfishnav li ul a {width:9em;}
#suckerfishnav li ul ul {margin:-1.50em 0 0 10em;}[/code:3eg778ii]

If that doesn’t work, then let me know as I may have made an error.

[imported_Ryan]

When I designed the plugin, I made it work with the default Kubrick theme. Unfortunately it sets a very small font-size which affects this plugin. I will be correcting this in a future version which will be release some time in the next month or so.

In the mean time, you can change the font size and the width of the dropdown menu by editing the ryans_suckerfish.css file (found in the plugin folder).

Here’s the code you need to edit for the font size:
[code:3eg778ii]#suckerfishnav { ... font-size:1.3em;}[/code:3eg778ii]

And here’s the codes you need to edit to change the width of the dropdown:
[code:3eg778ii]#suckerfishnav li li {... width:9em; …}
#suckerfishnav li ul a {width:9em;}
#suckerfishnav li ul ul {margin:-1.50em 0 0 10em;}[/code:3eg778ii]

If that doesn’t work, then let me know as I may have made an error.

[Anonymous]

Ryan,

You must really love your plugin bc you answer everyone’s questions so quickly.

Thanks so much for the reply about changing sizes. I got that. But I just cant figure out why the plugin works better on ie and not on firefox on my site. i tried about everything and am still dumbfounded. my site is http://www.storiesof.us

You da man!

[Anonymous]

Ryan,

You must really love your plugin bc you answer everyone’s questions so quickly.

Thanks so much for the reply about changing sizes. I got that. But I just cant figure out why the plugin works better on ie and not on firefox on my site. i tried about everything and am still dumbfounded. my site is http://www.storiesof.us

You da man!

[imported_Ryan]

This is the first piece of software I’ve ever made and it’s quite exciting to see that other people find it useful.

Something weird is happening with your site. I can’t understand why it isn’t working with Firefox. I’ll take a closer look and post back when/if I find a solution for you.

Nice domain name BTW ” title=”Smiley” />

[imported_Ryan]

This is the first piece of software I’ve ever made and it’s quite exciting to see that other people find it useful.

Something weird is happening with your site. I can’t understand why it isn’t working with Firefox. I’ll take a closer look and post back when/if I find a solution for you.

Nice domain name BTW ” title=”Smiley” />

[imported_Ryan]

Firefox Web Developer toolbar to the rescue! I used the outline block elements option in it which outlined your #content block which is obscuring part of the menu. The #content block is transparent, so you can’t actually see it, but since it is overlapping the menu then it blocks the mouseover effect.

The problem is related to the use of relative positioning in the theme. I usually recommend using floats to avoid these types of issues. Your sidebar is floated rather than using relative positioning hence the menu isn’t suffering this problem on the left hand side.

If you replace #content in your style.css file with the following, the problem should be cured.
[code:2uyx15zj]#content {
width:600px;
margin:0 0 20px 0;
float:left;
padding:10px 18px 15px 18px;
text-align:justify;
}[/code:2uyx15zj]
If that doesn’t do the trick, then let me know and I’ll take a second look.

[imported_Ryan]

Firefox Web Developer toolbar to the rescue! I used the outline block elements option in it which outlined your #content block which is obscuring part of the menu. The #content block is transparent, so you can’t actually see it, but since it is overlapping the menu then it blocks the mouseover effect.

The problem is related to the use of relative positioning in the theme. I usually recommend using floats to avoid these types of issues. Your sidebar is floated rather than using relative positioning hence the menu isn’t suffering this problem on the left hand side.

If you replace #content in your style.css file with the following, the problem should be cured.
[code:2uyx15zj]#content {
width:600px;
margin:0 0 20px 0;
float:left;
padding:10px 18px 15px 18px;
text-align:justify;
}[/code:2uyx15zj]
If that doesn’t do the trick, then let me know and I’ll take a second look.

[Author]

Posts