Change template Backround colour

Hi
I am using the GL League News Template
How do I change the colour of the site backround to a custom colour
By Backround I mean the off blue colour around the whole site.

Also I will need to change the colour of the heading also, this is currently a slightly darker blue

Thanks

Hi,
maybe those guides will help you:
1) http://www.gavick.com/documentation/joo ... und-image/
2) http://www.gavick.com/documentation/joo ... ackground/
3) https://www.gavick.com/documentation/jo ... -template/

All you have to do - is override body

Code: Select all

body { background: blue;   }

Ok I have read the 3 guides but still cannot change the colour

Please explain this to me as someone who has very little knowledge of editing code.

Exactly which one of these do I click on to edit when I go to - Template Manager:/Customise Template, and how do I find the exact code to insert the code you gave me - body { background: blue; }

Thanks

admin
config
css
fonts
html
images
js
layouts
lib
typography
ajax.php
component.php
error_bak.php
error.php
index.php
offline.php
templateDetails.xml
template_preview.png
template_thumbnail.png

If we talk about CSS -- you have to read some about it, we can not learn basic of webdesign ... this is not support anymore.... there are so many books, video tutorials etc. please check.

But if you want to add custom CSS into GK template - just read this guide: http://www.gavick.com/documentation/joo ... -template/

I hope you will understand, have a nice "web design" day.

Pawel, You The Man

The guide you posted set me right although it only worked when I used the "Important" line in the code like this below Thanks for your help

(3) WHO HAS THE LAST WORD?
Sometimes you have to use an “!important” declaration. A rule that has the !important property will always be applied no matter where that rule appears in the CSS document. So if you wanted to make sure that a property is always applied, you should add the !important property to the tag.

H1 { color: green !important; }
Using lots of !important styles will make maintenance a bit harder, because you break the natural cascading in your stylesheets. More about this “important” rule you can read here and here.

p.s.
Navy background color for horses web page not really fits visually. I suggest to use background with grass or blurred photo from race or competition.

Thanks Pawel
Have you a guide on how to add blurred photo, I have one on file in mind

Have you a guide on how to add blurred photo, I have one on file in mind

I didn't create such a guide yet, but ... if you are using PC - there is for example IrfanView - and he has few filters.
1) Open image with IV
2) Choose IMAGE (from Menu) --> Effects --> Effects Browser --- play & fun - then OK

blur.jpg

3) Save changed image - with JPG compression, about 70-85% check which will better.
4) Use this blurred image on website.

p.s
Now you own me a Mango Juice, I don't drink beer.