Styling Question on Links

[pgr]

On the Calendar Views, we would like to have a different color displayed for “visited” status on the event link. How would this be done in styling commands?

[Jeremy]

Hi,

Thanks for reaching out to us! I’d be happy to help you.

Maybe you can try to add the following snippet in Appearance > Customize > Additional CSS:

.tribe-events-month-event-title a:visited {
  color: lightgrey // or any other color you'd like
}

I hope that will help.

Cheers,
Jeremy

[pgr]

Unfortunately, that didn’t do it.

Looking at the code, the display area is actually an H3 tag. Can the
color of an H3 tag be modified based on the visited link?

h3 class=”tribe-events-month-event-title”a
href=”https://www.patriotguard.org/mission/jacob-pope/”
class=”url”Jacob Pope/a/h3

From that code, it appears that maybe the URL class is what needs to be
modified.

[Jeremy]

Hi,

No, the color of an

tag can’t be modified based on the visited link, unless the

is within the tag.

Also, the “url” class belongs to the tag.

I don’t see any easy solution. It might be possible to do achieve what you want, but that would require some customization to our calendar which is beyond the scope of that support.

Best,
Jeremy

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts