Text BorderColor Hover Interaction

[dabigcheeze]

Although you can set the text border color for an interaction, the color interaction does not work when actually hovering.

[ruenel]

Hello @dabigcheeze,

Thanks for writing in! After enabling the border and set the color, make sure that you have selected a different “Interaction” color:

Please provide us with the link to your page so that we can check why your interaction color is not working.

Best Regards.

[dabigcheeze]

Obviously this was done considering how my post was phrased. It also wasn’t done on a Headline, it was done on a text element as my initial post also noted. Please at least take the time to read a support request thoroughly before responding. I’ve confirmed it on 3 sites and wth other via the Facebook group. It’s not specific to my installation.

[ruenel]

Hello @dabigcheeze,

It does not matter whether you apply the interaction color on the Text element or the Headline. It should work. Kindly check out the video I have created for you.

Headline and Text interaction color

It is best that you provide us the link URL of the page where this issue is happening. It may have been caused by a broken code or invalid element setting on the page.

Best Regards.

[dabigcheeze]

This does not address the problem of the text border color not swapping for an interaction. You don’t need the URL, just test with a text border color vs the text color.

Thanks

[prakash_s]

Hello @dabigcheeze,

I checked on the Text element it seems that the border interaction color is not working at the moment. It might be a bug in the latest release. I would suggest you please add this custom CSS code to element CSS on the Text element.

$el.x-text:hover {
    border-color: #000000;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks