How to change ACM module background

gigiograndi

Hy,
we've successfully managed the primary color and fonts of template, but we don't know hoe to chancge the "avio" dark blue color of modules: how to do that? (attachments)

Regards

Modules:
Theme Magic:

Ninja

gigiograndi
Hi
ThemeMagic will work standard for all parts where the template body is used.
There are some part that use own CSS like JA ACM module.
use this code in custom.css file to override the color as in screenshot

.acm-features.style-1 .owl-carousel .owl-item .features-item {
    background: #1d4156;
    color: #829eaf;
    border-bottom: 5px solid #39647d;
}

Regards

gigiograndi

Hy,
Maybe my fault: added the code but nothing changes.

Regards

Ninja

gigiograndi
Hi
Add module ID in the code as below and it will work


#Mod87 .acm-features.style-1 .owl-carousel .owl-item .features-item{background:#575656;color:#829eaf;border-bottom:5px solid #39647d}

gigiograndi

Hy,
Is possible to have a css rule for the active tabs module under ?

Regards

Ninja

gigiograndi
Hi
This is code for the Active tab color

.t3-tabs-vertical .nav-tabs > li.active a, .t3-tabs-vertical .nav-tabs > li.active a:hover, .t3-tabs-vertical .nav-tabs > li.active a:focus, .t3-tabs-vertical .nav-tabs > li.active a:active {
    background: #01b5d1;
    color: #ffffff;}

You can also check any style via inspect element tool in browser : http://prntscr.com/13761w8

Ninja

gigiograndi
Hi
About the thread the topic is for the ACM module shared in first post http://prntscr.com/13cbyx4
That already resolved.

gigiograndi Is possible to have a css rule for the active tabs module under ?

In your custom.css file you have this code

@media (min-width:992px){.acm-slideshow .owl-carousel .item .slider-content{padding:150px 0}

It has error since you have 2 opening braces but not closing them.
It should be @media (min-width:992px){.acm-slideshow .owl-carousel .item .slider-content{padding:150px 0}}
So the next code i shared will work

Now Replace the older code of tabs module with this and it work fine for that specific module

#mod-122.t3-tabs-vertical .nav-tabs > li.active a,#mod-122.t3-tabs-vertical .nav-tabs > li.active a:hover,#mod-122.t3-tabs-vertical .nav-tabs > li.active a:focus,#mod-122.t3-tabs-vertical .nav-tabs > li.active a:active{background:#575656;color:#ffffff}

gigiograndi

Hy,
We try with inspector (as every time) but rules doesn't works. The color of background doesn't change in#575656 as we need.

Regards

Ninja

gigiograndi .
Can you apply the suggestions first and change color?

PS: open a new thread for each different topic question

gigiograndi

1) Done, but no changes: .t3-tabs-vertical .nav-tabs > li.active a, .t3-tabs-vertical .nav-tabs > li.active a:hover, .t3-tabs-vertical .nav-tabs > li.active a:focus, .t3-tabs-vertical .nav-tabs > li.active a:active {
background:#575656;
color: #ffffff;
}

2) This is the same thread. Why open a new one since we don't have the solution?

Regards

gigiograndi

Hy,
we've corrected the two-bracket, but we want to change the DARK blue color in module, NOT the light one
Sure is for our bad english, but is the thing taht we're asking since the first post of this ticket.

Regards

Ninja

gigiograndi
Hi
Here is code

.acm-accordion .panel-title .marker {
    background: #1d4156!important;}
		.t3-tabs-vertical .nav-tabs > li {
    background: #1d4156!important;}

Regards

gigiograndi

Hy,
Finally, done! Tnx a lot, can close post.

regards