Increase size of active link

Permalink Browser Info Environment
I would like to increase the size of the font in the active link (the one that is bolded when on that page). BTW - I've built a template and am editing superfish.css there.

In the fist code line of the last section of the css file (see below), I've tried both of these:

font-size:larger;
font-size:200%;

Neither has had any effect. Can you tell me the correct script and place to do this? Thanks!

/*** ccm customizations ***/
ul.sf-menu .nav-selected { font-weight:bold; }
ul.sf-menu li.nav-selected li{ font-weight:normal; }

Type: Discussion
Status: New
View Replies: View Best Answer
MattWaters replied on at Permalink Best Answer Reply
MattWaters
Try setting the font size with em as shown below. This takes the base font size and multiplies it.

/*** ccm customizations ***/
ul.sf-menu .nav-selected { 
  font-weight:bold;
  font-size: 1.5em;
}
ul.sf-menu li.nav-selected li { 
  font-weight:normal;
  font-size: 1.5em;
}


or you can precisely specify the size in pixels by using px:

/*** ccm customizations ***/
ul.sf-menu .nav-selected { 
  font-weight:bold;
  font-size: 20px;
}
ul.sf-menu li.nav-selected li { 
  font-weight:normal;
  font-size: 20px;
}


This seems to work for me on my site.
jeepinjane replied on at Permalink Reply
This worked great, thank you!! Although I ended up going with a different font color instead because this increased font size went past the bottom border and looked terrible.
MattWaters replied on at Permalink Reply
MattWaters
Cool, glad it worked for you!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.