Tutorial - How to Add Custom CSS File
-
-
- Tom Jenkins
- Newbie
- Posts: 4
- Thanks: 0
-
Sorry -- the file name is gantry-custom.css -- it is in the directory sitename-templates-rt_anacron-css.
it contains the follwoing code: #rt-drawer rt-block {padding: 0px}
-
-
-
- Tom Jenkins
- Newbie
- Posts: 4
- Thanks: 0
- Thank you -- I fixed the code in side the file and everything worked -- You are a great teacher and help -- Thanks again !
-
-
-
- Manolareas
- Newbie
- Posts: 10
- Thanks: 0
-
Hallo,
I am new in Joomla developement. I realy want to create a new-custom module suffix for some modules of my website, but i have some (maybe stupid) guestions.
1. In which file (css or less) are the module suffix classes located?
2. Should i create a new custom css or less file to put my new module suffix? and in which path should i save my new custom file?
3. Is there a guide (for dummies...) in which the right module suffix code is described??
Thank a lot in advance....!!!!
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
1. There are several CSS files that the template & Gantry are using.
2. Yes, you should name your file rt_templatename-custom.css and put it in the template's css directory.
3. I don't know which template that you are using but go to demo.rockettheme.com/joomla-templates and select your platform and then select your template and go to features > module variations.
If you're using the latest Joomla template then the direct link would be demo.rockettheme.com/live/joomla/tessell...es/module-variations - Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- Manolareas
- Newbie
- Posts: 10
- Thanks: 0
-
Hallo,
Thank you for the quick reply Prim!!!
I've fixed the problem but i have another question again.....
I have created the following custom module suffix (and it works very well...)
div._manolis {
font-family: 'open sans condensed';
font-size: 18px;
background-color: #FFFF00;
}
And the certain module looks like the attached picture.
But i want furthermore add a custom style for the header of the module. For example i want to put another font-family only for the titles of this module (without affecting the font family in the module content-text). I think this maybe the Header class of the module???
I use the Vermillion template with gantry.
Is it possible???
Thank you in advance...
Sorry for my english (the module is in greek language).
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
- Can you provide a direct link to the issue?
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
-
-
-
- Manolareas
- Newbie
- Posts: 10
- Thanks: 0
-
Do you mean my site link??
www.mchatzis.gr
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
"And the certain module looks like the attached picture."
It doesn't look like that here.
About the font-family...you can try this:
.mainmenuanimation-enabled-1 .menu-block .gf-menu.l1 > li > .item .menu-item-content {
font-family: 'your own font', sans-serif;
} - Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
-
Time to create page: 0.085 seconds