SOLVED Generated CSS in Afterburner (Joomla3)
-
-
- Jurgentje
- Newbie
- Posts: 3
- Thanks: 0
-
Hi,
I'm looking to customize Afterburner to my personal needs. All is going well. I'm struggling though, with the navigation bar.
In there, there's the padding of the .gf-menu.l1>li>.item is currently set to padding: 0 25px
I would like to alter this padding value, but have no clue as where to find this.
Who can help me out?
Thanks,
Jurgen.
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
-
Check this to learn how to use Firebug to debug and customize templates
www.rockettheme.com/blog/coding/1767-bas...omizing-with-lesscss
This is how you create a custom stylesheet file...
www.gantry-framework.org/documentation/j...custom_stylesheet.md
When we release upgrades template files will change and you will have to reapply all your changes again (that's if you can remember where they all are). If you keep your changes in a separate Custom CSS file you'll have no issues upgrading. -
The following users have thanked you: Jurgentje
- Check my services at: Mihha-Vision
-
-
-
- Jurgentje
- Newbie
- Posts: 3
- Thanks: 0
-
Hi Igor,
thanks for pointing me in the right direction. Since LESS is new to me, I'll just dive into it. Looks great.
So I figured out the code I need to override is located in /templates/rt_afterburner2/less/menu.less
I thus created a file called menu-custom.less in the same location and it holds exactly 1 line: ul.gf-menu li a { padding: 0 13px; }
unfortunately, the adaptation doesn't happen.
Could you tell me where I went wrong?
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
-
Try with this
ul.gf-menu li a { padding: 0 13px !important; } -
The following users have thanked you: Jurgentje
- Check my services at: Mihha-Vision
-
-
-
- Jurgentje
- Newbie
- Posts: 3
- Thanks: 0
-
Thanks,
It worked this way.
Am I understanding this correctly that the -custom file is not loaded after the regular file but before it? The opposite would seem te make sense as it would then respect the cascading principle of CSS. Or am I naive?
-
Time to create page: 0.049 seconds