• 0

How to change font size and color on menu? DMS 2

Question

Posted · Report post

How to change font size and font color on menu?

Share this post


Link to post
Share on other sites

13 answers to this question

  • 0

Posted · Report post

Hi thoinayezine

You can try to add in

Custom > Custom CSS/LESS

or in 

Child theme

 

.section-navi .pl-nav > li > a {

    line-height: 50px;

    padding: 0px 13px;

    opacity: 0.7;

    color: red;

    font-size: 2em;

    font-family: roman;

}

 

 

Change it as you like

 

It is advisable to learn how to do this on your own too.  

http://docs.pagelines.com/customize/how-to-customize

 

My exemplary code is not necessarily applicable as written, to your site, so please adjust accordingly.

;)

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

Can you provide a link to the site in question please. As, to change the font size and color of something specific like your navigation menu, you will need to use custom CSS.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

you have added that link incorrectly... it comes back to this page

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Nice work batman... now he will want you to do his mobile menu too ;)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi GetMeWebDesign

My friend, this is another price....

:D

and you are the specialist. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Doubt it! But thank you anyway... and see you spotted the bit I did elsewhere  :bow:

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

hi,

I have pasted this code into Custom LESS/CSS

 

section-navi .pl-nav > li > a {
    line-height: 50px;
    padding: 0px 10px;
    opacity: 0.7;
    color: #1d4ced;
    font-size: 2em;
    font-family: Arial;
}
 
it not working.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

GetMeWebDesign You have missed the "." at the beginning of the class name. Don't forget to add ".section-navi" to your custom styling classes

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

yes, that right I missed dot "." before the section.

 

thank you

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

GetMeWebDesign You have missed the "." at the beginning of the class name. Don't forget to add ".section-navi" to your custom styling classes

Cheers... dont you just hate cut and paste sometimes..,  Good spot

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for everyones input, we appreciate it.

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