Custom class module background

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Dec 29, 2014 5:45 am
Reply with quote
Report this post
Hello, the class "color-bg" doesn't seems to work on the frontpage: http://www.quebecguitare.ca/
>just over "my hot work" module containing text only "Profitez de notre promotion! Rabais de 30% sur tous nos abonnements en cours privés jusqu'au 1er janvier 2015!"

See screenshot if needed.

Thank you
User avatar
Platinum Boarder

GK User
Mon Dec 29, 2014 5:54 am
Reply with quote
Report this post
Also, the module is assigned to all menu items but only appear on the frontpage. Thank you
User avatar
Platinum Boarder

teitbite
Mon Dec 29, 2014 11:39 am
Reply with quote
Report this post
Hi

Background for this class got overrided couple of tmes in css list ;/ Add this to the end of override.css file:

Code: Select all
.box.color-bg {
    background: url("../images/style1/color_pattern_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}


What module position is this module published in ?
User avatar
Moderator

GK User
Mon Dec 29, 2014 11:41 am
Reply with quote
Report this post
Position: Mainbody
User avatar
Platinum Boarder

GK User
Mon Dec 29, 2014 11:50 am
Reply with quote
Report this post
It did work but the background was only around the text and not full module.

On a second thought the background makes it look ugly.

I would like to achieve this... please have a look in attachment. A CSS that removes all formatting (or template style) completely for that position.. ?

thank you
Regards
User avatar
Platinum Boarder

teitbite
Mon Dec 29, 2014 12:12 pm
Reply with quote
Report this post
Hi

Mainbody module position is only available on frontpage where it replaces component. On any other page showing a component is necessary, so module is being removed.

For look You can use this code, but I would advice to use a different module class suffix:

Code: Select all
.box.color-bg {
    background: none repeat scroll 0 0 #ffffff !important;
    box-shadow: 0 2px 5px #ddd !important;
}
User avatar
Moderator


cron