• 0
Sign in to follow this  
Followers 0

Classic Navi, right justified navigation, inactive background color


Question

Posted · Report post

Hello,

1. How do I get the my side navigation to be right justified,  currently it is centered?  I'm using classic navi.   http://www.sclouis.com/about-us/

2. Also, I would like for the active grey background color to be inactive and font to be active instead.

I'm using PageLines Framework.

Thanks,
SC Louis

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi,

 

When you created the menu, did you name it in Appearance > Menus? If you did, that's perfect.

 

Go to Appearance > Menus and click "Screen Options" on the top right. You'll see a panel open and one of the options is Custom Classes.  Check that option, then click Screen Options again to close the panel.

 

Add or edit a menu item.  You'll see a new field for Custom Class.  Add the name of your new class.  For demo purposes, we'll call it sidemenu1.

 

Now, you'll craft some CSS.

 

.sidemenu1 {background: none;

text-align: left;

color: red;

}

 

You can customize the CSS as desired as the example above is only for demonstration. If you need guidance with the CSS options, check http://www.w3schools.com/css/

 

It's possible to also do it with an a (for a href) so that when someone clicks, the font can change. Examples of this kind of code are available at the link above.

 

I hope this helps. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

It works perfectly. 

 

How do I make "About Us" the ACTIVE/ON button on the page?  I need the consumer to know what page they are on.  Each button needs to ACTIVE/ON  for each page that is related to the page?  

 

Ex.:  http://www.celine.com/en/collection/winter/ready-to-wear/look-book/  

Please notice that "WINTER 2013 READY TO WEAR" button is ACTIVE/ON.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0