Support » Plugin: The Events Calendar » Link styling within event content

  • Resolved Carlos Pereira

    (@enrique71)


    Hi there,

    I’m wondering why tribe-events-full.min.css removes text-decoration on event content?

    
    #tribe-events-content a, .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-adv-list-widget .tribe-events-widget-link a:hover, .tribe-events-back a, .tribe-events-back a:hover, .tribe-events-event-meta a, .tribe-events-list-widget .tribe-events-widget-link a, .tribe-events-list-widget .tribe-events-widget-link a:hover, ul.tribe-events-sub-nav a, ul.tribe-events-sub-nav a:hover {
        text-decoration: none;
    }
    

    Looking for help with this, in a few minutes I found [these](https://theeventscalendar.com/support/forums/topic/underlining-links-in-posts/) [two](https://wordpress.org/support/topic/no-underline-for-hyperlinks/) support topics pointing it out.

    I have to agree with those posters, it seems better to allow the theme to determine styling on site copy. To reproduce the link styling, I don’t just have to add text-decoration: underline; to the content tag, I also have to find and add the hover behavior, and remove it from buttons (which have links but don’t need text-decoration), and who knows what other tweaks exist in the theme that could appear within the event content.

    Any chance you could remove #tribe-events-content a from that css declaration? If not, why is it needed?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Carlos Pereira

    (@enrique71)

    FYI for theme Twenty Twenty-One I added the following, which (so far seems to) replace the theme’s paragraph text underline styles while avoiding buttons and TEC meta and link tags:

    
    #tribe-events-content div.status-publish p a {
    text-decoration: underline;
    }
    
    #tribe-events-content div.status-publish p a:hover {
    text-decoration-style: dotted;
    }
    

    Thank you

    Thread Starter Carlos Pereira

    (@enrique71)

    I found the correct answer.

    In TEC’s “Settings”, on the Display tab, setting the first two options replaces default theme styling:
    Default stylesheet used for events templates: Skeleton Styles
    Events template: Default Page Template

    Others reading this thread may also be interested in this KB article on TEC’s page templates, which can be copied into your child theme and customized:
    https://theeventscalendar.com/knowledgebase/k/calendar-template-files-v2/

    Thanks!

    • This reply was modified 6 months, 3 weeks ago by Carlos Pereira. Reason: resolved
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Link styling within event content’ is closed to new replies.