transform (90deg) for phone icon - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
July 1, 2016 at 11:17 am #655653

vnfan
Participant

Hi support team,

I want to transform the phone icon in the top sidebar. Could you please help me with the code?

????????{
-ms-transform: rotate(90deg)!important;
-webkit-transform: rotate(90deg)!important;
-moz-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
}

July 1, 2016 at 2:15 pm #655784
Vinay
Inactive Moderator
Hey vnfan,

please add a custom css class name to the phone icon and use the below css
```
.phone-info  .custom_class {
-ms-transform: rotate(90deg)!important;
-webkit-transform: rotate(90deg)!important;
-moz-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
}
```
Best regards,
Vinay
July 1, 2016 at 2:43 pm #655794

vnfan
Participant

Hi Vinay,
I have added this code to my CSS. Now the email icon is also transition. How can I tell the browser that only the phone icon von entypo fontello (ue854)show do the transformation?

#top .phone-info .av_font_icon {
-ms-transform: rotate(90deg)!important;
-webkit-transform: rotate(90deg)!important;
-moz-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
}

July 1, 2016 at 2:52 pm #655797
Yigit
Keymaster
Hey!

Please change the code to following one
```
#top .phone-info span:nth-child(2) .av_font_icon {
    -ms-transform: rotate(90deg)!important;
    -webkit-transform: rotate(90deg)!important;
    -moz-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important;
}
```
Cheers!
Yigit
July 1, 2016 at 3:53 pm #655823

vnfan
Participant

super. Thanks a lot. Yigit

July 1, 2016 at 3:54 pm #655825

Yigit
Keymaster

Hey!

You are welcome, glad we could help! Let us know if you have any other questions or issues and enjoy your weekend!

Best regards,
Yigit
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘transform (90deg) for phone icon’ is closed to new replies.