Various Styling Issues

Hi,

I would like to change the styling of my frontage layout slightly. Please go to the following website:

http://www.rurallondoner.com

1. I would like to reduce the size of the article heading text. On the home page this is currently "RURAL LONDONER".

2. I would like to reduce the amount of horizontal white space between the following horizontal module positions:

mainbody_bottom
bottom 1
bottom 2
bottom 3

3. I would like to add another horizontal module position to the template exactly the same as 'bottom3' and immediately below it (I will use bottom 4 for something else).

4. I would like to reduce the amount of white space to the left of the sidebar module position, so that I can make it wider without squeezing the modules to the left hand side.

Many thanks,

Eric.

1. Please edit: /templates/gk_msocial/css/override.css and add at its end:

Code: Select all

article header h1, article header h2 {
font-size: 42px;
}


Please adjust 42px value to your liking
Remember to enable "CSS override" in template settings - advanced section.

2. To reduce the padding - add this code:

Code: Select all

#gkBottom1.gkSingleModule .box, #gkBottom2.gkSingleModule .box, #gkBottom3.gkSingleModule .box, #gkBottom4.gkSingleModule .box {
padding-top: 30px!important;
padding-bottom: 30px!important;
}


Adjust both values to change top and bottom spacing of each module.

3. Please read this documentation:
http://www.gavick.com/documentation/joo ... -position/
4.

Code: Select all

#gkSidebar {
padding-right: 20px !important;
}


Please adjust the value of 20px to your liking.