Module adding/removing borders

Hello!

I am using this module - Event Speakers CM - with repeater 2

On these 2 pages

This page shows some borders round the modules. Hopefully you can see in the screen shot

This page does not show them

But the only difference is I have added a blank version of this module - Event Speakers CM

So weirdly adding an empty module makes the borders disappear.

I would like to show no borders but without having to add the random extra module.

Does that makes sense? If so, Any ideas as I’m stuck!

I have very basic experience

Hey @PaulG2

I apologize for the delay in getting back to you. I am wondering if you were able to resolve this or if you still need assistance on this matter?

Thank you

Sharon

Hi Sharon,

Sorry for the delay!

I fixed/fudged it by adding the old module that for some reason made the borders disappear. Downside is it adds an extra blank module so looks a bit odd on the live page.

If you have any bright ideas i’m all ears!

Paul

Hey @PaulG2

No problem at all, thank you for letting me know. I will tag a few experts that will be able to give you some tips :slightly_smiling_face:

Hey @alyssamwilie @tjoyce @John could you please share your knowledge with @PaulG2

Thank you

Sharon

Hey @PaulG2

The “blank” version of the module seems to be causing the issue.

speaker-test has css associated with the module, and speaker-test-0(the blank version) does not have the css.

In the module editor check the CSS panel. The content between the two should be identical.

Here is the CSS that hides borders and drop shadow:

<style>

.advisory-box .box-width .small-box-width{
 margin:0px; 
 text-align: center;
 Color:#172741
}

/* THIS RIGHT HERE */
.advisory-box .box-width{
 border:0px;
 box-shadow:none;
 Color:#172741
}

.advisory-box .box-width img{
 width:100%;
 text-align: center;
 max-width:223px;
 Color:#172741
}

.advisory-box .advisory-inner{
 min-height:auto;
 border:0px;
 text-align: center;
 box-shadow:none;
 Color:#172741
}

}

body .container-fluid .row-fluid .executive-box.span3{
 min-height:357px;
 text-align: center;
 Color:#172741
}

</style>


speakers-test-0

speakers-test

Using the inspetor’s performance tab (Debugger in Firefox), you can see what files are being loaded. Then compare those files to find bug/issues!