Transparent background on modules in sidebar position

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
Fri Jun 08, 2012 2:37 pm
Reply with quote
Report this post
Hi Guys,

Great template.However, I have one question.

Is there a way to set the background 'transparent' for modules used in the sidebar position? If I use the 'transparent' suffix or 'clear', the module becomes transparent but then loses it's responsive ability and becomes fixed in position. I have a transparent PNG which I wish to use as the main image in a custom HTML module but the module shows a white background. If I add text underneath the image, this too has a white background. I've tried changing a few settings in the CSS but I can't seem to find the correct one. Firebug doesn't show anything that suggests the background colour has been fixed to white, so it's difficult to find. A point in the right direction would be great. Many thanks D
User avatar
Fresh Boarder

Konrad M
Fri Jun 08, 2012 3:08 pm
Reply with quote
Report this post
Hi,
Please try add own suffix to this module for example ' mysuffix' and add to override.css
Code: Select all
.box.mysuffix > div {
background:none !important;
}

and remember to enable override.css option in template settings.
User avatar

GK User
Fri Jun 08, 2012 3:45 pm
Reply with quote
Report this post
Genius!

It worked a treat! Many thanks for your help :P

D
User avatar
Fresh Boarder


cron