Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Override H2 & H3

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

H2 and H3 are behaving strangely. H2 is Bold and smaller than H3 and H3 is rendering in Uppercase.

How can I change this. I want H2 to be normal and smaller than H1 and H3 to be regular case and smaller than H2.

Thanks

Ashit
  • Ashit Goyal's Avatar
  • Ashit Goyal
  • 12 Month basic
  • 103 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Ashit,

Can you add a link for the site?

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
bimsrv.com/bimsrv2/

I managed to change the H3 to regular, but H2 still comes out small and bold.

Thanks

Ashit
  • Ashit Goyal's Avatar
  • Ashit Goyal
  • 12 Month basic
  • 103 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Ashit,

This is the style in question that is applying at the moment

.moduletable .zt-grid .zt-block h2 {
font-size: 1em;
font-weight: bold;
margin: 0;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
So for the size and weight try

.moduletable .zt-grid .zt-block h2 {
font-size: 3em;
font-weight: normal;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
hmm actually

I think

font-weight: 300;

instead

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Great,

Thanks, it works
  • Ashit Goyal's Avatar
  • Ashit Goyal
  • 12 Month basic
  • 103 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Strange thing happened again. H2 is OK, but H3 is bigger and again in uppercase.
Here is what I have in my custom CSS

.moduletable .zt-grid .zt-block h2 {
font-size: 3em;
font-weight: 300;
}
}
.moduletable h3 {
text-transform:inherit
}
  • Ashit Goyal's Avatar
  • Ashit Goyal
  • 12 Month basic
  • 103 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
I've been able to sort this out.

I had an extra curly bracket and removed that.

H3 font size was controlled by template settings.
  • Ashit Goyal's Avatar
  • Ashit Goyal
  • 12 Month basic
  • 103 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
ah cool was about to mention the extra bracket

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers