change template color Creativity

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Mar 23, 2014 8:50 pm
Reply with quote
Report this post
Hi
I would like to change the template color to a custom color. How can i change it?
For example there are six template color choices. I would like to create my own.
User avatar
Junior Boarder

GK User
Sun Mar 23, 2014 9:32 pm
Reply with quote
Report this post
Hi,
you have to override css - check link from my footer and Customization section, there you will find all you need.
User avatar
Platinum Boarder

GK User
Sun Mar 23, 2014 10:44 pm
Reply with quote
Report this post
OK. Thanks. I need to override the CSS for the template, yes?

Can you send me the URL to the documentation?

I've checked in the Documentation section called 'Customization Tips' and found this, but not sure it is the right instruction for Creativity template:

http://www.gavick.com/documentation/joo ... nd-footer/
User avatar
Junior Boarder

GK User
Sun Mar 23, 2014 10:48 pm
Reply with quote
Report this post
ps:.... are these the instructions I should follow ?
http://www.gavick.com/documentation/joo ... -template/

thanks
User avatar
Junior Boarder

GK User
Mon Mar 24, 2014 9:39 am
Reply with quote
Report this post
yes,
1) find color style which fit the most. Set as default
2) then using override system and firebug --> http://www.gavick.com/documentation/joo ... -size-etc/
check what class'es you have to override with your own color / backgrounds etc. - and do it
User avatar
Platinum Boarder

GK User
Tue Mar 25, 2014 10:37 pm
Reply with quote
Report this post
Thanks

I see there is a choice. I think I'd prefer to edit the css.

questions:
If I am going to edit the css sheet to change the colors and the fonts for the creativity template- which css sheet should i look at and edit? is it template.css or one of the others?

If I am going to insert code into the override, what is the code I insert on the override.css

thanks
User avatar
Junior Boarder

GK User
Wed Mar 26, 2014 12:54 am
Reply with quote
Report this post
1) Read my guide again.
2) Search also others ; http://www.gavick.com/documentation/site-map/
3) Font can be changed from template settings you don't have to touch any css lines.
User avatar
Platinum Boarder

GK User
Wed Mar 26, 2014 1:13 am
Reply with quote
Report this post
I have read this and I have the same questions that I just sent. I really don't know where else to look for my question. I've looked and I've read and I still do not see an explanation of where I make this simple change.:

".....As you see on above screenshot Framework (Template) offers the following options:

CSS Override – which allows you to enable & use an additional CSS file with override rules – override.css. Placed here: templates\gk_TemplateName\css\override.css. When editing your CSS via CSS Editor, it is a very good idea to always preview your changes before actually applying them – regardless of your skill level.
Under Custom CSS code is the field where you should enter/paste any custom CC you want to use on the page/element. You type it in just like you would in a .css file. Remember to save your changes.

Which option is better and when to use it?

If you need to make a few small changes in stylesheets use the Custom CSS code field. If you need more changes (more then 10 lines of code) use the override.css file.

I would really like to simply change the colors of the template. Should be very easy to do I just need to know where it is that I do it. If I am changing the cascading style sheet, which sheet has the styling for the background colors?

here are my questions:

1) If I am going to edit the css to change the background colors for the creativity template, which cascading style sheet should i look at and edit?

2) If I am going to insert code into the override, what is the code I insert on the override.css to change the colors?
User avatar
Junior Boarder

GK User
Wed Mar 26, 2014 10:08 pm
Reply with quote
Report this post
If you modify template file - you have to remember about it - each time when we publish new template update.
But this solution is in most cases the best one, because you can reduce size of loaded css.
But in case of new templates from current year (2014) we suggest to use override because updates are frequent.
We have many guides here: http://www.gavick.com/documentation/cat ... -template/
Every week I try to add new ones.

About background:
1) http://www.gavick.com/documentation/joo ... und-image/
2) http://www.gavick.com/documentation/joo ... ent-pages/
3) http://www.gavick.com/documentation/joo ... ackground/

gk_creativity_J3 - is complicated template, because we used different background for sections ID names.
User avatar
Platinum Boarder

GK User
Fri May 02, 2014 12:57 am
Reply with quote
Report this post
Can u tell how i change the loading clock background(orange in style 5) to black i change everything but i cant find this when the site loading i see a orange backgroung with a clock i want this black with the white clock pls tell me what to right in ovveride.css

Thanks
User avatar
Senior Boarder

GK User
Tue May 06, 2014 8:17 pm
Reply with quote
Report this post
Sorry for delay:
this orange color is used many times.
probably you have to search here: style5.css
I suggest to start from override to this

.gkIsWrapperFixed {
background: black !important;
}
User avatar
Platinum Boarder


cron