Jump to content


Photo
- - - - -

Classic Navi, right justified navigation, inactive background color

classic navi navi

  • Please log in to reply
3 replies to this topic

#1 klouis

klouis

    Member

  • Members
  • 14 posts
  • LocationNew York
  • Country: Country Flag

Posted 06 August 2013 - 04:27 PM

Hello,

1. How do I get the my side navigation to be right justified,  currently it is centered?  I'm using classic navi.  

Please Login or Register to see this Hidden Content



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



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 August 2013 - 05:59 PM

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

Please Login or Register to see this Hidden Content

 

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. 



#3 klouis

klouis

    Member

  • Members
  • 14 posts
  • LocationNew York
  • Country: Country Flag

Posted 10 August 2013 - 02:15 PM

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.:  

Please Login or Register to see this Hidden Content

 

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



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 23 August 2013 - 03:01 PM

That's done with custom CSS code.  See

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: classic navi, navi