Having problems with alignment on component pages.

I have added a search box to all pages but on these pages the module does not line up correctly on the left side or bottom

see http://176.32.230.249/pets4uk.co.uk/index.php/ads-by-category

The module touches the Alph Index and is not lined correctly on the left to the component below

also

http://176.32.230.249/pets4uk.co.uk/index.php/pet-forums

The module does not line up to the left and Main Forum seems to be quite close to bottom of the module

Any Ideas

Hello,

1. The left/right for modules have a 12px margin on both sides so when next to each other there is some spacing. You can either remove site wide by editing here:

.module_round_box_outer, #s5_component_wrap, #s5_center_area .moduletable, .module_round_box_outer-none {
    margin-left: 12px;
    margin-right: 12px;
}

template.css file line 1037

Or just add the following below the above code so only modules in the center area will have the margins removed (your search box):

#s5_component_wrap .module_round_box_outer  {
    margin-left:0px;
    margin-right:0px;
}

2. We only placed margins for modules in the left/right columns and this code is located here:

#s5_right_column_wrap .module_round_box_outer, #s5_left_column_wrap .module_round_box_outer {
    padding-bottom: 50px;
}

template.css line 882

You can change so its site wide by changing:

#s5_right_column_wrap .module_round_box_outer, #s5_left_column_wrap .module_round_box_outer

to:

.module_round_box_outer

Or just add CSS to this above specific to where you need it so for example (your search box):

#s5_right_column_wrap .module_round_box_outer, #s5_left_column_wrap .module_round_box_outer, #s5_component_wrap .module_round_box_outer

Shape 5

Joomla Templates => Campus Life - Club => : amiman January 17, 2016, 07:14:07 AM