Giters

cgkineo / adapt-hint

An extension that adds a small, clickable icon to a component that displays additional information.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Setting alternative color for icon

OscarArango opened this issue · comments

commented

Hello,

Trying to apply an alternative color to both the open and closed state of the icon. I able to change it for the open state, but the closed state stays black. Any idea what is the best way to change it?

Update: Also tried targeting a ::before but nothing happens

thanks in advance.

commented

Hi @OscarArango, the selectors below change the icon colours for me in all states:

.hint-extension .hint-extension-button,
.no-touch .hint-extension .hint-extension-button:hover {
	background-color: #ffc200; // amber
	color: #000; // black
}

You mention an <a> tag which suggests you're on an older version of Hint. I'd advise grabbing a new download ZIP.

commented

Thanks Tomgreenfield,

The CSS worked great. Thank you. Unfortunatly this is an older version of Adapt and the updated
<button>
code does not work with this version, either way it saved the day. thanks,