Hyperlink is not the same colour as text

Hi Roman,

Unlike in all pages, I noticed on this https://gokutty.com/xango-juice-mangosteen-juice/ page there are 2 hyperlinks below “Join as Customer or Distributor:” for which the underline colour is in black instead of the white colour of the text.

Can you please review and provide resolution

Hello there,

As checked with the web browser’s tool, it seems likely the form overrides the default link color. And the link inside the field label has a SPAN tag. To fix this, you can the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .wpforms-field label a {
      color: #fff !important;
    }

I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hyperlink underline colour is now displayed in white. However, when visited only the underline colour changes but not the text colour. This does not align with the other pages

Hello there,

Thank you for getting back to us.

Try this code:

    .wpforms-field label a,
    .wpforms-field label a:visited,
    .wpforms-field label a:active {
      color: #fff !important;
    }

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

I have updated the CSS code as suggested. However, both text and underline remain in white colour on wpforms even after visited!

Hello there,

Thank you for getting back.

What color should it be? Do you have the exact code to share? Please provide me a screenshot that point me the exact color, so I can help you in a better way.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Text and underline of the hyperlink on the form when visited should be same as in all other pages of GoKutty.com

Hello there,

Thank you for getting back.

As inspected, you can replace the code I suggested on this thread to:

    .wpforms-field label a,
    .wpforms-field label a:active {
      color: #fff !important;
    }

    .wpforms-field label a:visited {
      color: #FFBF00 !important;  
    }

​I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

The form Hyperlink underline colour is displayed in white. However, when visited only the underline colour changes but not the text colour!

This does not align with the other pages. Both text and underline should change colour

Hello there,

Try this code:

    .wpforms-field label a,
    .wpforms-field label a:active {
      color: #fff !important;
    }

    .wpforms-field label a:visited,
    .wpforms-field label a:visited span {
      color: #FFBF00 !important;  
    }

​I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Thanks!

Please confirm, if this is 2 lines of code or 1 line of code with missing comma

I didn’t see any error on my last code.

I request you to replace the one I suggested on this thread with:

    .wpforms-field label a,
    .wpforms-field label a:active {
      color: #fff !important;
    }

    .wpforms-field label a:visited,
    .wpforms-field label a:visited span {
      color: #FFBF00 !important;  
    }

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support