Joomla Templates Club 406,261 posts

[vanderkw Friend vanderkwJoin date: April 2013Posts: 41Downloads:9Uploads:15 Thanks: 2]

#187649

Hi

I am editing the typo.css to change the hierarchy of fonts, but this is not translating to the website.

For example, when I change the ‘color’ of <h1> this doesn’t change in the articles/custom HTML modules.

.ja-typo-blockswrap:hover h1.ja-typo-title {
border: none;
color: #205
}

.ja-typo-blockswrap h2.ja-typo-title {
font-size: 215%;
margin: 0;
padding: 0 10px;
font-family: ‘NovecentowideNormalRegular’, Arial, sans-serif;
text-transform: uppercase;
padding: 3px 0px;

Am I doing this is in the right place?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#493529

Hi,

Pls try to use this:

.ja-typo-blockswrap:hover h2.ja-typo-title span {
background: none;
color: #205;
}

Remember to clear T3 cache after applying changes.

Leo

[vanderkw Friend vanderkwJoin date: April 2013Posts: 41Downloads:9Uploads:15 Thanks: 2]

#493607

Hi

Thanks for the assistance. I tried the code and this did not change the typography.

For example, I have the following defined for H1:

.ja-typo-blockswrap h1.ja-typo-title span {
font-size: 425%;
padding: 5px;
margin: 0;
font-family: ‘NovecentowideUltraLightBold’, Arial, sans-serif;
text-transform: uppercase;
font-weight: normal;
position: relative;
color: #FF0000
border-bottom: none;
}

.ja-typo-blockswrap:hover h1.ja-typo-title span {
border: none;
color: #FF0000
}

However when I use the JA Typo button in the Article it does not apply the above formatting.

I am editing in typo.css.

Is this the right pace to be doing this?

Thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#493671

Hi,

I will suggest your suitable css changes if you can post your typography page url here.

* Remember go to Template Manager >> JA_Zite_Default >> Global >> Set No to Development mode & No to Optimize css.
It will help to locate your css file better.

Leo

[Author]

Posts