Forum Support

Shape 5
March 28, 2024, 05:21:21 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: alignment problem  (Read 544 times)
amiman
Jr. Member
**
Offline Offline

Posts: 389



WWW
« on: January 17, 2016, 07:14:07 AM »

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
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: January 18, 2016, 01:56:58 PM »

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:

Code:
.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):

Code:
#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:

Code:
#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:
Code:
#s5_right_column_wrap .module_round_box_outer, #s5_left_column_wrap .module_round_box_outer

to:
Code:
.module_round_box_outer

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

Code:
#s5_right_column_wrap .module_round_box_outer, #s5_left_column_wrap .module_round_box_outer, #s5_component_wrap .module_round_box_outer
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
amiman
Jr. Member
**
Offline Offline

Posts: 389



WWW
« Reply #2 on: January 18, 2016, 02:23:01 PM »

Thanks for the quick reply worked great
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.