Can the phone icon be flipped round the opposite way so it faces to the right instead of left?

[core365]

Hi, the updated phone icon now faces round the opposite way to it used to and you’ve given me some CSS before to fix this. The thing is, I’ve used a shortcode for a button so it was on the same line and next to some text and I’ve tried to use the CSS code that usually works but in this case it doesn’t for some reason and I have no idea how to do it so the phone icon faces to the right instead of left!

This is what I’ve tried but doesn’t work:

.x-btn [class*="x-icon-"] {
transform:rotateY(180deg);
}

Here’s a screen grab for your reference. I’ll put the URL in a secure note as it’s being built on a temp link.

Thanks!

[lely]

Hi @core365,

I can see you have this custom CSS for that icon:

.x-icon-phone {
    transform: rotateY(180deg);
}

Please update it to this:

.x-icon-phone {
    transform: rotateY(180deg);
    display: inline-block !important;
}

We have to set it as block.

Hope this helps.

[core365]

Hi @Lely, that’s sorted it!

Thank you so much!

[lely]

You’re always welcome @core365!

Cheers.