Graphical issues

Hello,
I would be really grateful if someone could help me to solve a few graphical issues related to our website (TennisDesire.com) that is based on this template:

1) How could I remove the space above the Image Show in the middle column?

issue1.png

2) How to change the color of the right side column background? It is currently not white but light grey and I would like to make it a little more dark. This means how to change the color of "grey" and "color1" suffixes?

3) We would like to redesign the bottom part of the website - bottom7 - bottom12 positions - and make it black - as dark as the top of the website with logo and main menu.
It should look like this then:

issue2.png

Many thanks for your assistance!

1.

Code: Select all

section#gkContent > section:first-child, body > footer:first-child, body > header:first-child, body > section:first-child, section#gkPage > section:first-child, section#gkContent > section:first-child, section#gkComponentWrap > section:first-child {margin-top: 0px;}


2.

Code: Select all

#gkRight {background: #555;}


change the color to your liking
3.

Code: Select all

#gkBottom2 {background: #121212}
#gkBottom2 a, #gkBottom2 h3 {color: #999}
#gkBottom2 a:hover {color: #fff}


this way it doesnt look to good . Perhaps adding some padding, but then column sizes needs to be corrected.


And now about adding custom css:
http://www.gavick.com/documentation/joo ... -template/

Thanks for your help, Cyberek.

1. Is working perfectly!

2. Well, it works but I would rather like to know how to change the color for the "color1" and "grey" suffixes.

3. You are right that this doesn´t look good and can be hardly used.


I have another problem. Would it be possible to move the social icons from the banner2 area to the position on the top of the page? Let´s say to have it on the position of Register position? That would be great, thanks again!

Thanks for your help, Cyberek.
2. Well, it works but I would rather like to know how to change the color for the "color1" and "grey" suffixes.

Right now You dont have any elements with that suffix, but it should be enough to put into override.css:

Code: Select all

.box.color1 {background: #ff0000;}
.box.grey {background: #00ff00;}


Thanks for your help, Cyberek.
I have another problem. Would it be possible to move the social icons from the banner2 area to the position on the top of the page? Let´s say to have it on the position of Register position? That would be great, thanks again!

Could You make two simple screenshot and mark which exact element You would like to move and where?