1. dmcutaia
  2. Commercial Templates
  3. Saturday, 07 January 2023
  4.  Subscribe via email
I used to know my CSS better but I am a little rusty. Can you point me to a good refresher so I can learn how to modify the CSS. I can't remember what the menu ID, header class, menu class etc all mean. I want to be able to create my own classes to change things like h1 tag sizes or colors on just one page or add special formatting for h5 and h6. In the template styles for example, I can pick the color for h tags but not the font size - only the article font size.

I noticed that in the articles themselves there is no section to make changes. Just menus and modules. So if I wanted all h1 headers to be 16px font what's the best way to make that change?

I just want to understand a little bit better how those sections work and I couldn't find anything specific on it. Thank you so much for your help - I've been using your templates for years and I love them.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

If you are looking to simply make amendments to the current CSS then selectors and the cascade would be important fundamentals...

https://web.dev/learn/css/selectors/
https://web.dev/learn/css/the-cascade/

To force the font size for all H1 tags to a particular font size, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

h1 {
font-size: 16px !important;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok