Change global colour for Style 1 - blue

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
Mon Oct 06, 2014 5:52 am
Reply with quote
Report this post
Hello,
I would like to change the base colour of Style 1 to #006699
    I can change individual elements but would like a global change.
Can you provide the override code please?

Kind regards
Drew
User avatar
Gold Boarder

GK User
Mon Oct 06, 2014 6:11 am
Reply with quote
Report this post
From what colour code?
User avatar
Moderator

GK User
Mon Oct 06, 2014 12:22 pm
Reply with quote
Report this post
hello,
The template has three colour styles shown at the absolute bottom of the template.
[img]
style%201%20blue.JPG
[/img]
I want to change to to #006699.
I can change individual elements but a global change will change buttons, speech bubbles, price boxes and paragraph num blocks etc.

Kind regards
Drew
User avatar
Gold Boarder

GK User
Tue Oct 07, 2014 11:37 am
Reply with quote
Report this post
You would need to edit templates/gk_simplicity/css/style1.css file and replace all occurrences of color you would like to change to one you desire.
User avatar
Moderator

GK User
Tue Oct 07, 2014 11:40 pm
Reply with quote
Report this post
Hello,
Ok, could this be done in the css override file so that if the template is updated later I don't loose the customisation?

Kind regards
Drew
User avatar
Gold Boarder

GK User
Wed Oct 08, 2014 8:49 pm
Reply with quote
Report this post
Yes but there is no easy one line tip - you would need to copy each declaration where the color should be changed and add only color: xxx. Do not copy anything beside the color declatarion and css selector itself.
For example if selector looks this way:
Code: Select all
.my_selector {
font-size: 20px;
font-weight: bold;
border: 1px solid #121212;
color: #555555;
}


and #555555 is the color to replace you copy to override.css:
Code: Select all
.my_selector {
color: #555555;
}


This way it should work after update (assuming you will copy override.css)
User avatar
Moderator

GK User
Wed Oct 08, 2014 11:25 pm
Reply with quote
Report this post
No worries - this is really helpful thanks!
kind regards
Drew
User avatar
Gold Boarder

GK User
Thu Oct 09, 2014 11:57 am
Reply with quote
Report this post
If you will have any troubles with those changes, please let me know.
User avatar
Moderator


cron