Jump to content

Archived

This topic is now archived and is closed to further replies.

thoinayezine

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

Recommended Posts

thoinayezine    3
thoinayezine

How to change font size and font color on menu?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

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


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
batman    389
batman

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.

;)

  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

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


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
batman    389
batman

Hi GetMeWebDesign

My friend, this is another price....

:D

and you are the specialist. 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

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


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
thoinayezine    3
thoinayezine

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
gregory.guz+    5
gregory.guz

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

  • Like 1

Share this post


Link to post
Share on other sites
thoinayezine    3
thoinayezine

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

 

thank you

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

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


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for everyones input, we appreciate it.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×