Joomla Templates Club 406,261 posts

[Paul Massell Friend Paul MassellJoin date: May 2013Posts: 96Downloads:2Uploads:6 Thanks: 13 Thanked: 9 times in 1 posts]

#695398

using custom.css creating I created a module suffix. The main purpose it to have no background /well. It is working and being recognized by the browser however it is overriding only partially even when I use !important.

So for example if I made the background color black. That works. However if I change to none or transparent then the background reverts to White. This is because

The templates.ja_social_ii.less.modules.less.css:35 seems to be taking priority:

.module-ct {
background: #FFF none repeat scroll 0% 0%;
color: inherit;
padding: 0px;
}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#695483

Hi
Kindly share your working site url here , and add a screenshot of the module where you facing this issue .
You need to use !important in custom.css to override style.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#750679

Hi
Kindly share your working site url here , and add a screenshot of the module where you facing this issue .
You need to use !important in custom.css to override style.

[Paul Massell Friend Paul MassellJoin date: May 2013Posts: 96Downloads:2Uploads:6 Thanks: 13 Thanked: 9 times in 1 posts]

#695490

thank you for the reply. As I stated, I used !important. This is on a development server.

Same thing happens on your demo site. If I go to the ja social ii demo and go to one of the pages with a module in one of the sidebars, then use web developer tools and change a background color, you can see the same css overriding it. This is a screenshot from YOUR demo site:

[Paul Massell Friend Paul MassellJoin date: May 2013Posts: 96Downloads:2Uploads:6 Thanks: 13 Thanked: 9 times in 1 posts]

#750686

thank you for the reply. As I stated, I used !important. This is on a development server.

Same thing happens on your demo site. If I go to the ja social ii demo and go to one of the pages with a module in one of the sidebars, then use web developer tools and change a background color, you can see the same css overriding it. This is a screenshot from YOUR demo site:

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#695492

Hi
In this case its hard to assume the issue , kindly put the site live and share the site url and screenshot of the module here .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#750688

Hi
In this case its hard to assume the issue , kindly put the site live and share the site url and screenshot of the module here .

[Author]

Posts