Afterburner 2 change menu colors
-
-
- LeoV
- Newbie
- Posts: 7
- Thanks: 0
-
I just installed Afterburner 2 and i would like to change the menu colors of the Gantry menu. Can you please tell me how to? I did a surch but couldn't find the subject. I just can't find any css file for this.
Regards,
Leo
-
-
-
- LeoV
- Newbie
- Posts: 7
- Thanks: 0
-
Henning wrote:
do you have a link to check?
Here is the link;
http://lvschilderwerken.nl.testbyte.nl/
Would it be possible to use another font in the menu's ? Or do i have to use the rockmenu? If so, does this increase the speed of the template.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Do you want to change the color of the text or the background or both ?
Using a "not web safe"-font will slow down your site drastically ...
That's not a matter of using RokNav or not ... Roknav doesnt really have soemthing to do with fonts ...
-
-
-
- LeoV
- Newbie
- Posts: 7
- Thanks: 0
-
Henning wrote:
Do you want to change the color of the text or the background or both ?
Using a "not web safe"-font will slow down your site drastically ...
That's not a matter of using RokNav or not ... Roknav doesnt really have soemthing to do with fonts ...
I would like to change both colors, text and background.
Would a google font slow down too? How about implementing sutch font. Can you give an example?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you can add this to your css to get an idea for the menu
#rt-header .menu-block ul.gf-menu > li > a.item {
color: #c00000;
background-color: #0000bf;
}
#rt-header ul.gf-menu.l1 {
background-color: #1313be;
}
#rt-header .menu-block ul.gf-menu > li.active > a.item,
#rt-header .menu-block ul.gf-menu > li:hover > a.item {
color: #fffffe;
background-color: #c00000;
}
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
for the google font ... easiest is to go to google fonts page and grab the code they offer ...
But as I said: external font resources (like google-fonts or typekit) are really bad for performance.
If that doesn't matter just go ahead ... mostly its just adding some stuff to the head tag of your template and adding some css.
-
-
-
- LeoV
- Newbie
- Posts: 7
- Thanks: 0
-
Henning wrote:
you can add this to your css to get an idea for the menu
#rt-header .menu-block ul.gf-menu > li > a.item {
color: #c00000;
background-color: #0000bf;
}
#rt-header ul.gf-menu.l1 {
background-color: #1313be;
}
#rt-header .menu-block ul.gf-menu > li.active > a.item,
#rt-header .menu-block ul.gf-menu > li:hover > a.item {
color: #fffffe;
background-color: #c00000;
}
Hi, thank you for the response/ Do i have to put this in the rt_afterburner2-custom.css file?
-
-
-
- LeoV
- Newbie
- Posts: 7
- Thanks: 0
-
Henning wrote:
yes ...
Thank you,
This is solved for now. The only thing i would like to change is the css of the dropdown menu. I did a search and found this;
#nav li ul {
border-color:-moz-use-text-color #3F7300 #3F7300;
border-style:none solid solid;
border-width:0 1px 1px;
left:-999em;
margin-left:-1px;
position:absolute;
width:170px;
}
The only thing is when i put in my template.custom.css nothing is changed. Can you tell me what is wrong?
Regards,
Leo
Is the mentioned above the right code to edit the submenu's. I would like to know please. If not can you please tell me what the code is to make rounded corners for the submenu. I succeeded with the headmenu but don't know how to assign the submenu.
Regards,
Leo
-
Time to create page: 0.059 seconds