Module Class Suffix problem

[Chris Catalano]

Hello,

I have added a module class suffix in the Advanced tab of the Module settings. The added class is getting repeated for a child div in the module container. Please see the screenshot. I added 'col-md-4 to a module. You can see that module content has another div within it and the col-md-4 is being amended to it. This is not the actual problem. The problem is that I created a class to add a right border and if I apply it to the module then it gets added to that content div as well. Is this a bug?

Thanks,

Chris

[Gonzalo Suez]

Hi Chris,

gives a white space, just before col-md-4.

Regards

[Chris Catalano]

Hello Gonzalo,

I believe this is a bug. Please see my new screen shot. I can add "col-md-4" in the Module Advanced tab without a preceding space and it is applied correctly to the top div. (class = "block col-md-4"). You'll see that doing this also appends the same class to 'custom' resulting in class = "customcol-md-4" which is meaningless. If I were to apply the preceding space to col-md-4, then it would also get applied to the last div as class = "custom col-md-4". Which would duplicate all of the styling and result in an incorrect rendering of the module. I don't believe there is any need for the module code to add the 2 additional divs to the rendered code. The div with the class 'module-content' has no styles applied to it, nor does the child div with class 'customcol-md-4'. The actual content of the module should simply render within the div with class 'moduletable' .

[Chris Catalano]

Hello Gonzalo,

Do you plan on correcting this problem? Please see additional supporting information in the attached screenshot.

[Gonzalo Suez]

Hi Chris, it`s not bug.

to add col-md-4 in advance tab, the module work fine.

The code "customcol-md-4" it`s correct, It should look like this.

Send me you url site, or give me super user access.

Regards

[Chris Catalano]

But if I want to apply an addition class to the module such as .right-border, which is a custom class to display a border, then it also gets added to the interior div, which is not appropriate:

[Chris Catalano]

Here is how this fails when adding a second class to the Module Class Suffix:

This is at the site http://www.thelongislandway.com. You can see on the homepage the left module in the featured section has a second class of .right-border. It is getting applied at both the top module level and at the innermost content div as well. That is where this implementation fails.

[Gonzalo Suez]

Chris, it`s a css issue.

use:

.block.right-border2 {

    border-right: 1px solid transparent;

    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #1e91d9 50%, #fff 100%);

    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #1e91d9 50%, #fff 100%);

    border-image: linear-gradient(to bottom, #fff 20%, #1e91d9 50%, #fff 80%);

    border-image-slice: 1;

    border-left: 0px;

}

NOT .right-border2 {}

Regards