Home Page elements

Hello,
I really like this template and so decided to use it for my next small project but need your assistance to set things up and customize it a bit...

Will start with a few home page issues...

1) I have decided to make it easy and clear, so removed a few of the home page modules you used, so the first one is the one with "creating a new website / move your sites". But if I do so then there is a big white space ahead of it and I do not know how to remove it.

problem1.jpg

2) Another related problem I would like to solve is that for my needs there is too much space before and after the text of all home page elements. Could you please assist me to reduce this space? This is general issue related to all home page elements.

problem2.jpg

So after these two changes the site should look this way...

result1.jpg

Will continue in next post...

3) I am not sure if this is possible but I would like to change the space proportion between the two columns in this module. I believe that now it is 50-50% and I would like to have it f.ex. 40-60%.

problem3.jpg

4) Is there an option to change the background color of the points on hoover? The same as it works on buttons or in menu.

Many thanks for your assistance!

Just an update...

I believe that the fourth point is not necassary anymore and I would also like to mention that regarding the second point I know that I can reduce the space by removing "bigspaces" from the module setting but I would like to reduce the space even more on some elements.

Many thanks for your help!

Hi

Please show me Your site, so I'll check the code and will tell You what to do.

About the betting site: it sthis the site You will like to use for this matter? If not please make a new thred when You wil have a base ready.

Hello,
I have just sent you PM. Thanks in advance for your assistance!

HI

1. This code needs to be related with Homepage only since we are basicaly removing the part where a content is displayed. I advice to use custom code module published in debug module position and attached to a homepage only.

Code: Select all

#gkHeader {
    margin-bottom: 0;
}

#gkPageContent {
    display: none;
}


2. As well if it's only for this modules I assume separation from rest of the site is best option:

Code: Select all

#gkBottom2 {
    padding: 40px 0;
}


3.

Code: Select all

#gkBottom2 .gkColumns[data-cols="2"] > div {
    width: 45%;
}

#gkBottom2 .gkColumns[data-cols="2"] > div:first-child {
    width: 55%;
}


4.

Code: Select all

.gkPoints li.loaded:hover {
    background-color: #dddddd;
}


Hi

I recived a question about where to put this code in PM. Since this code is all related to homepage best option is to copy it to a custom code module (K2 tools for example has such option) than publish it in debug module position and attache to frontpage only. That's all