Overly aggressive link style selectors in TEC content
-
Sites with the block editor enabled on events, TEC styles links of all kinds. Including links within the button block. See above, our site is configured so that by default, buttons have our primary red as the background color, while inline links may be expected to have that same red color. TEC styles links within the button block, so we get red on red.
I would argue that, whether using Default or Skeleton styles, TEC shouldn’t be styling links in user-created content areas at all. This should defer to the theme. The above example, specifically, causes issues in themes where the button block has been explicitly styled. It gets overwritten by TEC. If not removing the blanket
.tribe-events-single a
selector, the TEC selector should probably at least be scaled back to something like:.tribe-embed a, .tribe-events-event-meta a, .tribe-events-single a:not(.wp-block-button__link) {
//
}I have added extra styles to fix this on the linked site in the meantime.
- This topic was modified 5 months, 1 week ago by .
- This topic was modified 5 months, 1 week ago by .
- This topic was modified 5 months, 1 week ago by .
The page I need help with: [log in to see the link]
- You must be logged in to reply to this topic.