Link color in event tickets registration modal

  • Resolved eclev91

    (@eclev91)


    3 years ago

    If you attempt to sign up for the linked class, in the registration modal, one of the fields has a label that refers to the refund policy. This label includes a link. If you inspect it, you’ll see that the default Tribe styles have forced links to be the same color as body text, rendering them completely unseen.

    This seems like a problematic default, and links here should probably get the var(–tec-color-link-primary) color value.

    • This topic was modified 3 years ago by eclev91.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor Juan Aldasoro

    (@juanfra)

    Hi @eclev91,

    Thank you for reaching out to us! I hope you’re doing well.

    Indeed, part of the design system that our views use has the link color using the same as the text color. We have our design system following BEM, meaning that normally all elements need to have their own class.

    You could try two things. The first one is adding a class to the link you have in the field label, something like:

    <a href="https://yourlink.com" class="tribe-common-anchor-alt ">Your link</a>

    OR, you could define styles for those particular links. Something like:

    .tribe-common .tribe-tickets__form-field-label a {
    color: tomato;
}

    Please, be sure that you replace tomato with the color you want to use.

    Best,
    Juan.

Viewing 1 replies (of 1 total)
  • The topic ‘Link color in event tickets registration modal’ is closed to new replies.