Changing colour of mouseover on navigation arrows

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 Aug 18, 2014 12:03 am
Reply with quote
Report this post
Hello,

I am using MusicState for J3.0.

I want to change the colour the navigation down arrow goes when you mouse over/hover on it.

What do I need to add to override.css to achieve this?

Thnx
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 7:47 am
Reply with quote
Report this post
Do you mean arrows that scrolls to next section?
User avatar
Moderator

GK User
Mon Aug 18, 2014 8:20 am
Reply with quote
Report this post
Yes - that's what I mean Cyberek.

Any suggestions?
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 3:03 pm
Reply with quote
Report this post
Add this to your override.css. You dont have to copy header & rest of page. Just labelled so you know what arrows you are changing. Border-color will change the outer color or the circle and color will change the inner arrow.

/* HEADER */
#gkHeaderMod .gkSectionNav:before, #gkBottom3 .gkSectionNav:before {
border-color: #fff;
color: #fff;
}
#gkHeaderMod .gkSectionNav:hover:before, #gkBottom3 .gkSectionNav:hover:before {
border-color: #e74c3c;
color: #e74c3c;
}


/* REST OF PAGE */
.gkSectionNav:before {
border: 2px solid #e74c3c;
color: #e74c3c;
}
.gkSectionNav:hover:before {
border-color: #c6c6c6;
color: #c6c6c6;
}
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 7:58 pm
Reply with quote
Report this post
devsmi - thanks so much.

You're a super problem solver! :-)
User avatar
Gold Boarder

GK User
Tue Aug 19, 2014 5:44 am
Reply with quote
Report this post
:) thanks. Glad I could help
User avatar
Gold Boarder


cron