Change color elements help! (publisher template)

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
Fri Apr 26, 2013 4:33 am
Reply with quote
Report this post
Hi everybody!

I want to change the orange elements in the Publisher template with the red color. (see attached capture)

¿Anyone know in which file is located the line of the code I need to edit?

I appreciate any help

Thanks
Alex

http://img295.imagevenue.com/img.php?im ... _560lo.jpg
User avatar
Fresh Boarder

GK User
Fri Apr 26, 2013 4:57 am
Reply with quote
Report this post
Please add following css code in to css/override.css located inside template folder and enable css override option in template settings > advanced settings > css override "on".

Date Background, currently it has an image, so either change image or add background color only.
Code: Select all
article > time {background: url("../images/style1/date_bg.png") no-repeat scroll 0 0 transparent;}

Or Background color
Code: Select all
article > time {background: #fe0606;}


Tag Cloud
Code: Select all
.k2TagCloudBlock a { background: #fe0606; }


See you around...
User avatar
Platinum Boarder

GK User
Fri Apr 26, 2013 5:25 am
Reply with quote
Report this post
Great normanUK!

And for change the orange color in some words in the template like titles, menu, sign-in options etc for the red color? (please see the new capture)

Thank you very much
Alex ;)

http://img234.imagevenue.com/img.php?im ... _476lo.jpg




normanUK wrote:Please add following css code in to css/override.css located inside template folder and enable css override option in template settings > advanced settings > css override "on".

Date Background, currently it has an image, so either change image or add background color only.
Code: Select all
article > time {background: url("../images/style1/date_bg.png") no-repeat scroll 0 0 transparent;}

Or Background color
Code: Select all
article > time {background: #fe0606;}


Tag Cloud
Code: Select all
.k2TagCloudBlock a { background: #fe0606; }


See you around...
User avatar
Fresh Boarder

GK User
Fri Apr 26, 2013 8:34 am
Reply with quote
Report this post
Following codes has default template colors, change them to your chosen color.

Register link ( sign in ) at top right.
Code: Select all
#gkRegister {color: #EB592A;}


Menu backgrounds, active menu color, non active hover colors etc.
Code: Select all
.gkMenu > ul > li:hover > a, .gkMenu > ul > li:active > a, .gkMenu > ul > li:focus > a, .gkMenu > ul > li.active:hover > a, .gkMenu > ul > li.active:active > a, .gkMenu > ul > li.active:focus > a, .gkMenu > ul > li.active > a {
    background: none repeat scroll 0 0 #DE7037;
}


Hover on article titles.
Code: Select all
article header h1 a:hover, article header h2 a:hover {color: #DA5A12;}


Standard links, such as snowboard / Super User

Code: Select all
a {color: #DE7037;}


Latest News Module > Pagination small circles.

Code: Select all
.nspPagination li:hover, .nspPagination li.active {background: none repeat scroll 0 0 #DC7037;}


See you around...
User avatar
Platinum Boarder


cron