Joomla Templates Club 406,261 posts

[palimo Friend palimoJoin date: April 2013Posts: 25Downloads:51Uploads:13 Thanks: 12]

#205971

Hi!

How do I change the color of the Off canvas menu item (Three blue line), and background?
I have attached an image.
Thanks.
Pal

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569098

Hi @palimo,

Please open file root_folder/templates/uber/css/custom.css (if you don’t have this file, just create a new one) then add this code :

.site-navigation-right .off-canvas-toggle,
#t3-off-canvas .t3-off-canvas-header {
color: red;
}

[palimo Friend palimoJoin date: April 2013Posts: 25Downloads:51Uploads:13 Thanks: 12]

#569220

Hi Adam!
Thank you for your reply, but only partly solve the problem.
I inserting the code in to custom.css, but just change the line 3 symbols. (my colors: #ec008c, magenta)
The attached figure shows the change.
It is possible to change the background?
2:
I want to change the color of the active link also?
Can you help the right code?
Thanks:
Pal

---

Attachments:

1. 
2. 

[palimo Friend palimoJoin date: April 2013Posts: 25Downloads:51Uploads:13 Thanks: 12]

#734309

Hi Adam!
Thank you for your reply, but only partly solve the problem.
I inserting the code in to custom.css, but just change the line 3 symbols. (my colors: #ec008c, magenta)
The attached figure shows the change.
It is possible to change the background?
2:
I want to change the color of the active link also?
Can you help the right code?
Thanks:
Pal

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569293

Hi @palimo,

In this case, please provide your site url so I can have a look first in order to let you know further modifications.

[fabridelo Friend fabrideloJoin date: May 2014Posts: 105Downloads:13Uploads:7 Thanks: 5 Thanked: 1 times in 1 posts]

#569401

Hello Adam
I have the same problem and partly solve like palimo.
I follow this post and I hope for a solution. :laugh:

[fabridelo Friend fabrideloJoin date: May 2014Posts: 105Downloads:13Uploads:7 Thanks: 5 Thanked: 1 times in 1 posts]

#734490

Hello Adam
I have the same problem and partly solve like palimo.
I follow this post and I hope for a solution. :laugh:

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569596

Hi @fabridelo,

May I know your site url too ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#734685

Hi @fabridelo,

May I know your site url too ?

[fabridelo Friend fabrideloJoin date: May 2014Posts: 105Downloads:13Uploads:7 Thanks: 5 Thanked: 1 times in 1 posts]

#569809

Hello

My site http://www.provafab.joomlafree.it
I just started to do the site is practically the demo university

[fabridelo Friend fabrideloJoin date: May 2014Posts: 105Downloads:13Uploads:7 Thanks: 5 Thanked: 1 times in 1 posts]

#734891

Hello

My site http://www.provafab.joomlafree.it
I just started to do the site is practically the demo university

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569859

Hi @fabridelo,

Please use this code instead :

.site-navigation-right .off-canvas-toggle i,
#t3-off-canvas .t3-off-canvas-header {
color: red;
background: red;
}

1 user says Thank You to Adam M for this useful post

1. palimo

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#734941

Hi @fabridelo,

Please use this code instead :

.site-navigation-right .off-canvas-toggle i,
#t3-off-canvas .t3-off-canvas-header {
color: red;
background: red;
}

1 user says Thank You to Adam M for this useful post

1. palimo

[fabridelo Friend fabrideloJoin date: May 2014Posts: 105Downloads:13Uploads:7 Thanks: 5 Thanked: 1 times in 1 posts]

#569897

Hello Adam

Work but i have a small problem.
The three lines are now disappeared. I would like first, three white lines.
This is my custom.css

.btn-primary {
color: #FFFFFF!important
background-color: #D32F2F!important
border-color: #F44336!important
}
.btn-primary:hover{
color: #FFF!important
background-color: #F44336!important
border-color: #F44336!important
}
.btn-primary:focus{
color: #FFF!important
background-color: #D32F2F!important
border-color: #F44336!important
}

.site-navigation-right .off-canvas-toggle i,
#t3-off-canvas .t3-off-canvas-header {
color: #727272
background: #727272
}

Thanks

Best Regards

[fabridelo Friend fabrideloJoin date: May 2014Posts: 105Downloads:13Uploads:7 Thanks: 5 Thanked: 1 times in 1 posts]

#569916

Ok Adam
Work perfect!!! for me solved
I use this code in custom.css

.btn-primary {
color: #FFFFFF!important
background-color: #D32F2F!important
border-color: #F44336!important
}
.btn-primary:hover{
color: #FFF!important
background-color: #F44336!important
border-color: #F44336!important
}
.btn-primary:focus{
color: #FFF!important
background-color: #D32F2F!important
border-color: #F44336!important
}

.site-navigation-right .off-canvas-toggle,
#t3-off-canvas .t3-off-canvas-header {
color: #FFFFFF
background: #727272
}

very very thanks
Best regards

[Author]

Posts