Public Forums 71,145 posts

[milian Friend milianJoin date: May 2009Posts: 2Downloads:4Uploads:0 Thanks: 2]

#194598

Hi,
We installed Purity-III for template testings.
So far so good. Nice Template.
Only: we cannot change the submenu grey colors: #444444 and #51515. They do not corresponding
with the chosen colors made width ThemeMagic. Where can we change the submenu colors including the mouse over?
Thanks, Milian.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#521816

Go to this File: /templates/purity_iii/css/bootstrap.css

Find this code , here you can change the #444444
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #444444 border: 1px solid #444444 border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; }

Find this code , here you can change the #515151
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #ffffff background-color: #515151 }

1 user says Thank You to chavan for this useful post

1. milian

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525907

Hi Chavan,

I made the change in the file custom.css.

I wanted to change #444444 to daf1ff and #515151 to #bbe6ff

The result is not as I wanted.

http://fvs.nennker.de/

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#525926

add this code to custom.css

.t3-megamenu .mega-nav > li.active > a , .t3-megamenu .mega-nav > li > a:hover, .t3-megamenu .dropdown-menu .mega-nav > li.active > a {
background: #bbe6ff !important;
}

1 user says Thank You to chavan for this useful post

1. nennker

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525955

great, thank you!

How can I change the text color and the color of the dividing lines also.

Then it is complete.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#525974

Add this code to custom.css, you can change the #FFFFFF to any color coding in the below code.


.t3-megamenu .mega-nav > li:first-child, .t3-megamenu .dropdown-menu .mega-nav > li:first-child{
border-top:1px solid #FFFFFF !important;
}

.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li{
border-top:1px solid #FFFFFF !important;
}

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#526014

thanks,

the color of a few dividing lines have the colo r#ffffff, but not all.

and how can I change the text/link color?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#526073

Go to custom.css

Replace this code


.t3-megamenu .mega-nav > li:first-child, .t3-megamenu .dropdown-menu .mega-nav > li:first-child{ border-top:1px solid #ffffff !important; } .t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li{ border-top:1px solid #ffffff !important; }

with

.t3-megamenu .mega-nav > li:first-child, .t3-megamenu .dropdown-menu .mega-nav > li:first-child{
border-top:1px solid #FFFFFF !important;
border-bottom:0px !important;
}

.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li{
border-top:1px solid #FFFFFF !important;
border-bottom:0px !important;
}

For changing menu link color

Add this code to custom.css

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a{

color:#000 !important;
}

1 user says Thank You to chavan for this useful post

1. nennker

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#526089

Perfect. Many thanks. Everything can be changed now.

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#526166

Hi Chavan,
where can I find the comparable settings for the sidebar-1 module.
Again, I want to change the menu: colors for the background, dividing lines and the font color?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#526193

Add this code to custom.css and change #333333 to any color code to change the background


.t3-sidebar .module_menu{
background:#333333 !important;
}


Add this code to custom.css and change #EEEEEE to any color code to change the border and hover background color


.t3-sidebar .module_menu .nav > li{
border-top: 1px solid #EEEEEE !important;
}
.t3-sidebar .module_menu .nav > li > a:hover, .t3-sidebar .module_menu .nav > li > a:focus{
background-color: #EEEEEE !important;
color:#000000 !important;
}


Add this code to custom.css and change #000000 to any color code to change the font color


.module_menu .nav > li > a, .module_menu .nav > li > .separator{
color:#000000 !important;
}

1 user says Thank You to chavan for this useful post

1. nennker

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#526235

Thanks. That`s it.

[Author]

Posts