Support Center

Recent questions

About Koken

This Help Center provides support for Koken, a free content management system designed for photographers, artists and designers.

Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

rating Icon colour

johny willemyns

Aug 11, 2017 06:44AM EDT

Good morning,
I want to change the colour of the (heart) icon of the rating.
Can you explain how I can do that?

THx
Johny

6 Community Answers

Answered

Team NetObjects

Aug 17, 2017 11:29AM EDT

Hi. The user provided solution was incorrect. Try this:

span.koken-rating
{
display: block;
font-size: .7em;
margin: 3px 0 0;
padding: 0;
color: red;
}

View in conversation


Up 0 rated Down

k├Ąthe

Aug 12, 2017 11:37AM EDT
hey johny,

instert this in your css file or mycustom css

span.rating {
display: block;
font-size: .7em;
margin: 3px 0 0;
padding: 0;
color: red; <-- insert color in css
}


Up 0 rated Down

johny willemyns

Aug 17, 2017 10:35AM EDT
THx,
Sorry, it took me a while to figure out where the answer was, can you imagine !
Up 0 rated Down

johny willemyns

Aug 17, 2017 10:35AM EDT
Sorry to get back here,
I inserted the code in the custom css field, when I am in site > draft like this

span.rating
{
display: block;
font-size: .7em;
margin: 3px 0 0;
padding: 0;
color: #006400;
}
but no change on the rating icon color ?
What am I doing wrong?
Up 0 rated Down

Team NetObjects Koken Agent

Aug 17, 2017 10:37AM EDT

The color you are using is not supported in CSS. See: CSS Colors Supported by All Browsers

Up 0 rated Down

johny willemyns

Aug 17, 2017 10:52AM EDT
ok then, look I corrected, tested both the colour name and hex, cleared image caching, still not working

span.rating
{
display: block;
font-size: .7em;
margin: 3px 0 0;
padding: 0;
color: #7FFF00;
}

???
Up 0 rated Down

Team NetObjects Koken Agent

Answered Aug 17, 2017 11:29AM EDT

Hi. The user provided solution was incorrect. Try this:

span.koken-rating
{
display: block;
font-size: .7em;
margin: 3px 0 0;
padding: 0;
color: red;
}

This question has received the maximum number of answers.

support@koken.me
http://assets3.desk.com/
false
koken
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete