Jump to content
Sign in to follow this  
snfdesigns

lowercase navigation

Recommended Posts

snfdesigns    0
snfdesigns

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

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

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

Share this post


Link to post
Share on other sites
batman    389
batman

Hi sandraf71

Please try with

 

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

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

Hi Bat Learning

Thanks very much but it didnt work

Share this post


Link to post
Share on other sites
batman    389
batman

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;}

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

sorry didnt work. Many thanks

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

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

Many thanks for helping

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

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

 

:)

Share this post


Link to post
Share on other sites
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

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. 

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

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

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

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

 

 

 

is this correct

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

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


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
snfdesigns    0
snfdesigns

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. 

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  

×