Skip to main content

Victory theme top nav button resizing?

Hello!  How do i edit a single top nav button in the Victory theme?  I'd like to change the color and resize one button so it "pops out" more than others.

 

Thanks!

 

Peter

Official response from

There are a variety of ways to achieve this outcome, and generally they require some intermediate CSS knowledge.

One method you may try is to use what is known as a CSS  Substring Matching Attribute Selector. Essentially you'll be targeting your stylesheet not just to a specific type of element, but to a specific instance of that element.

For example:

#topnav li a[href*="slug"] { background-color: pink; }

This would change the background color of any topnav button that links to "slug" from its default color to pink.

Share this post

Showing 4 reactions

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.