Change color of FEST

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 Jul 22, 2013 12:59 pm
Reply with quote
Report this post
Hello, I'm using color 1 for my site since I need the blue but I'd like to change the orange in all the site to yellow. Can you be so kind to tell me what to change and where?

I'd imagine I've to use CSS override and I've yet enabled it.
User avatar
Fresh Boarder

GK User
Mon Jul 22, 2013 4:39 pm
Reply with quote
Report this post
Yes, you can use override.css, but either show me url of your site and specify at least on element which color should be changed (or give me its color #), or just find the # of the element, look in which .css file it is declared, then load this css directly and search for all this color occurrence in the file, copy all the declaration to override.css placing them separated with "," and set color in one place this way.
User avatar
Moderator

GK User
Mon Jul 29, 2013 4:19 pm
Reply with quote
Report this post
Sure, you can look at

http://clan2.it/sciclub/

In the bottom you'll see the sponsor panel that is orange and I'd like to have it yellow. Also there are other string like "Sono aperte le iscrizioni!" that I'd like to have in another color.
User avatar
Fresh Boarder

GK User
Mon Jul 29, 2013 9:17 pm
Reply with quote
Report this post
Please edit: /templates/gk_fest/css/override.css and add at its end:
Code: Select all
#gkHeaderBottom {
background: #ff0000;
}

.gk-sponsors > div > a {
background: #00aa00;
}
.gk-sponsors > div > a:hover {
background: #00ff00;
}

.gk-jscounter > h3 {
color: #Ff0;
}

First line changes the background, second and third changes background under boxes (standard and hover), last changes text color in counter area.
Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Tue Jul 30, 2013 10:57 am
Reply with quote
Report this post
Thanks, I think you've missed the last one regarding the text color in the counter area :-)
User avatar
Fresh Boarder

GK User
Tue Jul 30, 2013 8:09 pm
Reply with quote
Report this post
No, it is there, You need to scroll down ;)
But once again:
Code: Select all
.gk-jscounter > h3 {
color: #Ff0;
}
User avatar
Moderator


cron