Hi,

I have made a button with white background and orange text and border. I have set the hover to change to an orange button with white text. (on the frontpage - the "View More" button under the features)

That works in IE and Firefox - but the text color does not change in Chrome.

Can you please help?

Thanks,

Jeppe

Hi Tahir,

I have made the button in a row in VC. The row has a grey background. In the row is a text box with the following (taken from text view):

<p style="text-align: center;">[button color="see-through-2" hover_text_color_override="#ffffff" size="medium" url="/features/" text="View More" color_override="#d94422" hover_color_override="#d94422"]</p>

Nothing else.

So I don't know how to removed the mentioned span tags.

Br,

Jeppe

That did the trick. Thanks.

Jeppe

Yep we have the same problem with our client altho this problem apperas only in chrome on MAC? The worst part is that the css fix did not do the trick and basically it's pretty random effect. 

This is our Code:

[button color="see-through-2" hover_text_color_override="#959595" size="small" url="?page_id=1276" text="MORE INFO" color_override="#ffffff" hover_color_override="#ffffff"]

And now the funny part:

In chrome we get random effects, the text is either always white id does not matter do we hover it or not, some times it's just plain black and sometimes it very light grey. This is a serious issue since these buttons should appear on the main page? And it is really holding us back.

We have tried the CSS fix but it does not do the trick!