Events Calendar widget link

Support
#1

I’ve been attempting to the the colors set for the event calendar’s widget link, but I cannot get the text color or hover color to work. Please help.

https://evidenceofeternity.com/blog2/

Current css:

.tribe-events-widget-link {
background-color: #ffcc00;
text-align: center;
padding: 10px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-shadow: none;
}
.tribe-events-widget-link .hover {
color: #000;
}

#2

Hello There,

Thanks for writing in!

The custom css is not targeting the correct element css. Please use this code instead:

.tribe-event-title a {
	background-color: #ffcc00;
	text-align: center;
	padding: 10px;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: none;
}

.tribe-event-title a:hover {
	color: #000;
}

Hope this helps.

#3

That is not it. That makes all of the links have the same effect. I only want the bottom “VIEW ALL EVENTS” to have this effect.

#4

I figured it out. I just needed the a:hover css.

Thanks so much!

#5

Glad you’ve sorted it out :slight_smile:

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.