Reduce the space between modules in CloudHost template

Hi
How I can reduce it a lot space between modules: http://awesomescreenshot.com/0421uqha4c

My website URL is http://www.webexpertia.es/

Thanks in advance!!

REgards

Hi

This is a mainbody showing but since there is no content for it only a blank space is shown. Please add a page class suffix for homepage. For example "frontpage", and than remove the space with this css code:

Code: Select all

#gkPageContent { display: none; }


Hi teitbite

I tried this solution but it doesn't work. I think something I'm doing is not correct...

Could you give me this modification step-by-step please?

Thnaks in advance!!

Hi

Of course.

1. Please go to menu manager and check the ID of Home element
2. In template settings add a page class suffix "frontpage" to a page with ID You know from point 1
3. Copy this code to override.css

Code: Select all

body.frontpage #gkPageContent { display: none; }


4. In template settings make sure override is enabled.
5. Show me Your site.

Added page class suffix to menu ID: http://awesomescreenshot.com/02c1ux5r99
Override CSS on: http://awesomescreenshot.com/0331ux6198
override.css file edited: http://awesomescreenshot.com/03e1ux6a99

My site: http://www.webexpertia.es/

Hi

Yes it's working fine. But looks like You want to reduce it even more. Am I right ? If yes than please manipulate with this css value (also in override.css).

Code: Select all

#gkBottom1, #gkBottom2, #gkBottom3, #gkBottom4, #gkBottom5 {
    padding: 30px 0;
}