Jump to content

Archived

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

Keith Vaugh

Defining a font for an element

Recommended Posts

Keith Vaugh

Hi all

 

I have the google font 'Antic Slab' enabled for h1, h2 etc.... I want to make a special case and have a larger version of this for some titles (will add as a span) so I have added this CSS:

.meltitle {
font-family: 'Antic Slab', sans-serif;
font-size: 22.4px;
font-weight: 600;
color: #925c21;
font-style: normal;
}

However when I save the CSS the Google font that is define no longer works until I delete styling from the CSS select a different font, save it and then go back to the desired....

Would really appreciate some help. The site is not online at the moment (on a localhost). 

Thanks

Keith

Share this post


Link to post
Share on other sites
Danny

Hi Keith,

 

Not sure what you issue is to be honest, as I have it working on my end without any issue.

 

https://cloudup.com/cf0QhQXhBxz

 

Also made it larger and disable the font family so you can see.

 

https://cloudup.com/cSv-v1Yzryh

 

Do you have the entire Google Font library loaded via DMS Pro Tools plugin?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Keith Vaugh

Thanks Danny.

It's not DMS I am using on this one - using Framework here.  

Google fonts is loaded and it works fine. I can set the fonts I want in the typography section and they display as intended. However if I add some CSS related to h1, h2 etc.. or the custom title, it breaks all the typography setting, replacing these with a different font. (when I look at the typography settings these are as I set them, but are no longer displaying on the site). 

 

Maybe I have a small piece of old CSS that is causing a conflict. 

 

 

 

Share this post


Link to post
Share on other sites
Danny

I am going to have to see some screenshots as I am not sure what your issue is.

 

If you set a h1 tag to a custom font, that will effect all h1 tags in your theme unless they have a class and a font family assigned to the class.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Keith Vaugh

Got it sorted Danny. It was an incomplete piece of CSS

Share this post


Link to post
Share on other sites
Danny

Awesome and thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×