Change Font Style in Menu and Body

[formasirua]

Dear KLEO,
I can’t change font style and font size in navigation menu? body? title page/post?
I think your default font small.
Please let me know how to change it?
in theme option >> font. just H1,H2 ect and body only.
How this?

[Laura]

Hello, here are the css codes for each, just change the number to change font size, add these to style.css in child theme or quick css

Menu

COPY CODE

ul#menu-menu li a {
  font-size: 14px;
  font-style: italic;
}

Page/Post Title

COPY CODE

h1.page-title {
  font-size: 24px;
  font-style: italic;
}

Font Styles: http://www.w3schools.com/cssref/pr_font_font-style.asp

For body you already have it in theme options 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[formasirua]

ok, thanks.
About the slow access my web some time ago. You say that my hosting provider that is not good. I’ve consulted a lot Hosting Provider, and they suggest should be hosting provider which fits your template script? so that my website will be very fast to access?

[Laura]

Hello, i use hostgator with for my websites and they go good 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ABC]

Laura,

What about css to change the Main Menu FONT (not style css as above) so that its different from the pulled-in “main body font”? This was also asked in the Question topic?

I use ONE FONT for h1,h2,h3,h4,h5 – but BODY font is different (for styling reasons).

CSS to change Main Menu Font to same as h1-h5 (or how to override font to be used for the main menu) PLEASE!

[Laura]

Hello, what font do you use for h1? I can give you a css style to change 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ABC]

Hi Laura,

I use Google font “Montserrat”.

Please also let me know where I best-place any CSS you provide (Child CSS Style sheet or Quick CSS).
This is to override the main menu font.

Thank you as always,
Andrew

[Laura]

Hello, add this to Style.css of child theme

COPY CODE

ul#menu-top a {
    font-family: 'Montserrat' !important;
    font-style: normal;
    font-weight: 400;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ABC]

Is this for main menu, because it’s not working Laura?

[ABC]

My Main menu needs to be Montserrat, font-size 28, bold, 700 weight.

Please help as I need to ‘go live’ very soon.

[Laura]

Hello, yes, its for main menu, you need to have the font installed

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ABC]

This reply has been set as private.

[Laura]

Hello, try the following at child theme style.css

COPY CODE

ul#menu-main-menu {
    font-family: "Montserrat" !important;
    font-size: 28px;
    font-weight: 700;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ABC]

Hi Laura,

YES! That works. Finally 🙂 (Yippee)

Only one thing now. The Font is perfect. It is Black and then changes to white when hovered. Only problem is, when you go to the menu page you select on hover, is there anyway to keep the hover text white, so the user knows which section they have selected? e.g. If you go to “Projects” then the Main menu bar shows all other sections in Black, with “Projects” highlighted in white (same as on hover)?

Is that possible? (Then I promise never to bother yo ever again)…

Your assistance is (as always) greatly appreciated). Andrew.

[Laura]

Hello, well hmm we could try this

COPY CODE

ul#menu-main-menu a:active {
    color:white !important;
}

Let me know if it works

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts