Image Position in Module

I see it works that is padding around designation module position

1. I did as you suggested:

In template_css.css:

div.moduletable div, div.moduletable td {
padding: 0 10px;
}

cahnge padding to 0

padding:0;

Once I did this, all my modules lost their padding. And the Hot Designation's text is pushed up to the left.

2. So You suggested this, which I tried on Hot Designation as well as many other modules. It did not fix the issue in either case.

add suffix to module with first blank char like this, example advert1:

" adv1_class"

then at template_css.css at bottom add:

.adv1_class{
padding:10px;
}

So now I'm left with all my modules out of place or remove Hot Designation.

return

div.moduletable div, div.moduletable td {
padding: 0 10px;
}

that open modules/mod_hot_designation/tmpl/hot_designation.css

add !important to each css property:

example:

.hjt-gallery-list-item-thumb /*td*/ {
padding:0px 5px 0 5px;
}

to:

.hjt-gallery-list-item-thumb /*td*/ {
padding:0px 5px 0 5px!important;
}

Thank you, this worked.