changing the colour of the follow button

MartinJD

Hi all, at the moment the follow button (under reply) is yellow once selected. I'd like to change this to a different colour. Presumably i do this by adding some CSS in the custom CSS box in the appearance tab? Not sure what to add though...

Kylo

MartinJD Add this custom style from Appearance -> Edit Custom CSS

.SubscriptionMenu-button--follow {
	color: black !important; // text color
	background-color: red !important;
	
	// on hover - preferably darker background
	&:hover {
		background-color: darken(red, 15%) !important; // adjust the percentage
	}
	
	// when clicked - preferably darkest background
	&:active {
		background-color: darken(red, 30%) !important; // adjust the percentage
	}
}

MartinJD

Awsome! Thanks Kylo, will give this a go 😃

MartinJD

Kylo is there a way to change the colour of the star icon which shows next to the topic title to match?

Kylo

MartinJD this should do:

.Badge--following {
	color: black !important; // icon color
	background-color: red !important;
}

MartinJD

awesome, thanks Kylo