Joomla Templates Club 406,261 posts

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#726181

Dear support,
I would like to change the background colour of some modules; in particular, I’d like to set the modules on the right bar with the same “grey” used as default in the module “sidebar”.

How can I do it?

Thanks in advance,
Federico

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#754699

Hi

Try to add this to your custom.css file

.magazine-list .t3-sidebar {
background:#f8f8f8!important;
}

Saluti

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#754705

Dear Pavit,
it’s working, but not on Banner-1 module (based on JACM).

Isn’t it possible to set the background color module by module?
In some cases I would prefer to avoid…

Thanks!

Federico

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#754708

Hi

If you want to add also to the banner position then add this

.magazine-featured-links .banner {
background:#f8f8f8!important;
}

.banner belongs to the .magazine-featured > .col css so if you want to add the background to the whole column add this

.magazine-featured > .col {
background:#f8f8f8!important;
}

<blockquote>Isn’t it possible to set the background color module by module?</blockquote>

You should create an override class suffix and then apply it to the Module Class Suffix field

i.e.
.magazine-featured-links .banner .myclass so the suffix to apply to the single module should be myclass

Take a look at the Joomla documentation HERE

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#754716

Dear Pavit,
if I use:


.magazine-list .t3-sidebar {
background:#f8f8f8!important;
}


and


.magazine-featured-links .banner {
background:#f8f8f8!important;
}


It works, but with some problems:
1 – The background of the events box in home page changed to grey (see attachment 1)

2 – In long pages made with JACM, the background ends when the item in the sidebar end (see attachment 2)

If I use this code:


.magazine-featured > .col {
background:#f8f8f8!important;
}


It breaks the page background (see attachment 3)

Thanks in advance,
Federico

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#754722

You can create custom override class suffix and apply to each module

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#754863

<em>@pavit 502692 wrote:</em><blockquote>You can create custom override class suffix and apply to each module</blockquote>

Could you please provide an example?

Regards,
Federico

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#754864

<em>@fbernardello 502908 wrote:</em><blockquote>Could you please provide an example?

Regards,
Federico</blockquote>

Perhaps the following may be helpful —-> http://id.joomlart.com/forums/topic/how-to-use-module-class-suffix-in-joomla/

[Author]

Posts