Change design

Hi

I would like to reduce the size of the spaces between the modules and it is the site and the design that I attached.

How I can do?

Thank you.

Hi.
I think you forgot attached the screen.

Hi.
I think you forgot attached the screen.

Yes, sorry..

Could you also paste url to your site?

Could you also paste url to your site?

The url is:

http://178.33.160.87/canariasfull/

Currently the website is under testing. Sorry if you see something that does not work properly.

Thanks

To reduce the first free space are two ways:
#1. Please edit template.css file and find the following line:

Code: Select all

 #gkPage .box:first-child, #gkPage .box_menu:first-child, #gkPage .box_text:first-child {
margin-top: 0!important;  //here you can try to set eg. -13px.
}

In this way you can see that all free horizontal spaces are reduced.

#2. Please edit template.css file and find the following line:

Code: Select all

 #gkBottomMenu {
height: 31px;
background: #FAFAFA url('../images/breadcrumbs_bg.png') repeat-x left bottom;
border-bottom: 1px solid #C3C3C3;
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
position: relative;
margin-bottom: -13px;    // ad this line.


I'm not sure how to nicely remove this vertical free space, but I will ask our programmers and I will get you know.

I received a response from the developers: "this is a big custom work, except that empty dark spaces remains where the columns are uneven."
If you don't want grey free spaces you can also change your background on white:

Code: Select all

 #mainContent {background:#fff;}