Jump to content


Photo

lowercase navigation


Best Answer snfdesigns , 22 January 2013 - 06:50 PM

Thanks Jenny I managed to change the font as you suggested. I didnt check it properly previously. Thanks once again and everything else who helped You have made me that bit more savvy in css. 

Go to the full post


  • Please log in to reply
13 replies to this topic

#1 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 20 January 2013 - 05:06 PM

Please can you help me with changing the navigation from uppercase to lowercase in platform pro. many thanks



#2 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 20 January 2013 - 10:23 PM

I know some of the css 

 { text-transform:lowercase !important; }
 

 

but need it to be specific to the nav bar; the website is site

 

Many thanks



#3 batman

batman

    Bat Learning

  • Members

  • 1741 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 January 2013 - 10:30 PM

Hi sandraf71

Please try with

 

 
ul.main-nav li a {text-transform: lowercase;}


#4 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 20 January 2013 - 10:54 PM

Hi Bat Learning

Thanks very much but it didnt work



#5 batman

batman

    Bat Learning

  • Members

  • 1741 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 January 2013 - 11:12 PM

Please try with

 

 
ul.main-nav li a {text-transform: lowercase !important;}

or

 

 
 .main_nav li a,  .main_nav ul.sf-menu a {text-transform: lowercase !important;}


#6 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 20 January 2013 - 11:18 PM

sorry didnt work. Many thanks



#7 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 20 January 2013 - 11:40 PM

This is exactly how I want the navigation on my site.

Many thanks for helping



#8 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 21 January 2013 - 07:43 AM

I think I have the correct code but have some bits missing.

 

 { text-transform:lowercase !important;}
 

 

This is how I would like the navigation to look like    example site

 

:)



#9 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 January 2013 - 12:41 AM

Have you managed to resolve this?

 

If not try the below which I'm getting a result on in your site. If that's working check the css above to make sure all the correct closing brackets are there, anything in the css above that's broken will stop any further css from working.

 

 
ul.sf-menu, .sf-menu * {
    text-transform: lowercase !important;
}

Here's what that css is giving me on your site - http://screencast.com/t/HyP3hEjWq6ja



#10 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 22 January 2013 - 09:35 AM

Hi James

Not working really wierd. I can see on your screenshot how it is and how I want it to look. I have ensured all css is correct. Do you think it may be a setting on Platform P overriding the css or a plugin issue. I only have a few plugins. 



#11 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 22 January 2013 - 09:42 AM

ps I have added the css to the custom code section in Platform p



#12 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 22 January 2013 - 02:33 PM

 ul.sf-menu, .sf-menu* { text-transform:lowercase !important;}
 

 

 

is this correct



#13 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 22 January 2013 - 06:30 PM

Upon viewing your site, I see the menu items in lowercase. Did you get this figured out?

 

You can also change this in the options I believe. Visit Typography and under the appropriate font, click "edit font styling".



#14 snfdesigns

snfdesigns

    Super Member

  • Members
  • 125 posts
  • LocationLondon
  • Framework Version:latest
  • Country: Country Flag

Posted 22 January 2013 - 06:50 PM   Best Answer

Thanks Jenny I managed to change the font as you suggested. I didnt check it properly previously. Thanks once again and everything else who helped You have made me that bit more savvy in css.