How to specify font style?

pantera · August 2014

Hi all

I know that I can change the font family for all my h tag (h2,h3,etc)

The problem is that I can only select the primary font family and not some different styles, like Bold 700, Ultra - Bold 900 etc.

For example if I want to use Lato Bold 700 for all my H2, H3, etc and not the normal Lato (the default is the Lato 400) how can I do it? Do I must use CSS?Can you bring an example please?

Thanks in advance

Albert · August 2014

Hi,

yes, you must use css for that, like below:

h2, h3 { font-weight: 700; }

pantera · August 2014

Hi Muffin

I love your theme. Really I love it.

Thanks, and take care

Albert · August 2014

Thanks!

artline_projects · December 2014

Hellow, MuffinGroup,
What class in custom css should we use if we want to set a main menu font and a submenu font to italic?
Could you please specify what the code should look like?

Albert · December 2014

@artline_projects For that you must use below css:

#Top_bar .menu > li > a span { font-style: italic; }
#Top_bar .menu li ul li a span { font-style: italic; }

artline_projects · December 2014

Thanks a lot, just what we need. We also wonder if the following line allows us to use a Google font in submenu (or the code should be something else?):

#Top_bar .menu li ul li a span { font-family: "google font family name"; font-style: italic; }

We want to use the same font (as in main menu) or a custom google font for submenues that would be different from that in general settings. It's a pity you do not have a separate option to set a font for submenues in admin panel. It woulf be a good addition to your great theme.
And one more thing for now. What code should we put if we want to use custom style for buttons (color for font and for a button itself) and fonts in sections, say, for content, various headings, etc?

Albert · December 2014

If font is included then of course above css should work but you must test it yourself.

If you will send us url to website where you have buttons, then we can tell you what css for button can be used. But if you want to play with other styles, then please look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we explained how to customized elements via css because we are not able to give you css for each thing that you can imagine.

Thanks for understanding!

artline_projects · December 2014

It is quite understandable. The reason we have asked for this css assistance is that it is not that easy for us to learn every class and element name you use in the code. But with the help of the mentioned section in your documentation and explanations that are given there we hope to master this problem. Thanks.

Albert · December 2014

That's why we gave you this url

We tried to explain it the best as we can. This tool is very easy to use and with that tool you will handle any css you need.

georgetate · February 2017

Hi, I'm using the xmas2 theme with side menu, and I'd like to apply a custom font that I've defined in custom css and I'm already using for some headings: style= "font-family: Bureau Grot Wide;".

Can you tell me the custom code for the menu please ?

(website is http://lca.search-for.me.uk)

Albert · February 2017

@georgetate To set up custom font for menu, you need to upload font under Theme options > Fonts > Custom section and then under Theme options > Fonts > Size & Style select this font for the menu.

georgetate · February 2017

I can't upload the font as I'm using a third party hosted font, which is why I'm using it by declaring the class in custom css:

.bureaugrotwidebold {

font-family: "Bureau Grot Wide";

font-style: normal;

font-weight: bold;

}

and then using the html code in my original question to use the font.

As above can you tell me the custom css I need to use please ?

Thanks in advance for your help...

Albert · February 2017

#Side_slide #menu ul li a { font-family: "FONT-NAME" !important; }

georgetate · February 2017

That's great thank you. Excellent support as ever.

:-)

Albert · February 2017

You are welcome!

georgetate · February 2017

Just one thing about the xmas2 theme, the social media icons on the side menu are rather small. Is it possible to make them larger ?

Albert · February 2017

Yes, you can increase their size with custom css:

#Side_slide .social li a { font-size: 20px !important; }

georgetate · February 2017

Brilliant, thanks. So pleased I chose your theme for all my websites, lots of happy customers !

How to specify font style?

Comments