Hi,

I have all of my sidebar modules ie, 'Hello Me', 'Latest Photo's' etc published on my jomsocial stream in js_side_top_stacked modules positions.

I have a few images that are also published using js_side_top_stacked... my question is;

Using Custom CSS classes, how can I target just the js_side_top_stacked modules that have images published in them to take out the padding so that the module just shows the image across the full width and hight of the js_side_top_stacked module, ie, no white space.

I can see using the inspector that it's some thing related to :

<div class="joms-module--stacked">
            <div id="545" class="joms-module__header"></div>
            <div id="joms-app--545" class="joms-module__body" style="
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;</div>

Hi Pete,

on your code you can see the ID of module, you can use that ID to manage the style module as you want, eg like this :

#joms-app--545{
padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

Brilliant, thanks Dimas...

I'm now left with a header which in the inspector is:

div#545
.joms-module__header {
padding:8.65248px;
}

How do I target that, to get rid of the header space which would leave me with exactly what I want?

Thanks

Brilliant, thanks Dimas...

I'm now left with a header which in the inspector is:

div#545
.joms-module__header {
padding:8.65248px;
}

How do I target that, to get rid of the header space which would leave me with exactly what I want?

Thanks

Hi Pete,

Please give me the screenshoot which part do you want to get rid?
have you tried to reduce the margin?

thank you!