Jump to content


Photo
- - - - -

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


Best Answer batman , 16 May 2014 - 07:47 PM

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.pageline...ow-to-customize

 

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

;)

Go to the full post


  • Please log in to reply
13 replies to this topic

#1 thoinayezine

thoinayezine

    Advanced Member

  • Members
  • PipPipPip
  • 86 posts
  • Country: Country Flag

Posted 16 May 2014 - 03:06 AM

How to change font size and font color on menu?



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 16 May 2014 - 10:45 AM

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.



#3 thoinayezine

thoinayezine

    Advanced Member

  • Members
  • PipPipPip
  • 86 posts
  • Country: Country Flag

Posted 16 May 2014 - 03:11 PM

http://webtwozero.com......I want to change the fontsize, and font color of the menu appear on menubar



#4 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 16 May 2014 - 06:26 PM

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



#5 thoinayezine

thoinayezine

    Advanced Member

  • Members
  • PipPipPip
  • 86 posts
  • Country: Country Flag

Posted 16 May 2014 - 07:06 PM

http://webtwozero.com
That that url

#6 batman

batman

    Bat Learning

  • Members

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

Posted 16 May 2014 - 07:47 PM   Best Answer

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.pageline...ow-to-customize

 

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

;)


  • GetMeWebDesign likes this

#7 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 16 May 2014 - 08:03 PM

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



#8 batman

batman

    Bat Learning

  • Members

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

Posted 16 May 2014 - 08:07 PM

Hi @GetMeWebDesign

My friend, this is another price....

:D

and you are the specialist. 



#9 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 16 May 2014 - 08:10 PM

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



#10 thoinayezine

thoinayezine

    Advanced Member

  • Members
  • PipPipPip
  • 86 posts
  • Country: Country Flag

Posted 19 May 2014 - 01:24 AM

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.


#11 gregory.guz

gregory.guz

    Member

  • Members

  • 14 posts
  • Framework Version:DMS 2.0.4
  • Country: Country Flag

Posted 19 May 2014 - 03:05 AM

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


  • Danny likes this

#12 thoinayezine

thoinayezine

    Advanced Member

  • Members
  • PipPipPip
  • 86 posts
  • Country: Country Flag

Posted 19 May 2014 - 03:59 AM

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

 

thank you



#13 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 19 May 2014 - 07:57 AM

@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



#14 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 May 2014 - 10:49 AM

Thanks for everyones input, we appreciate it.