Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 19, 2018 at 5:08 pm #929158
    WP Turned UP

    Hello. Website is in local dev at the moment. I’m using the shortcode in the private area and it’s working great. I’m using the following CSS to Flip\Rotate the phone icon, which ends up also flipping all icons in Extra Elements. How can I just target the phone icon?

    .phone-info .av-icon-char {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    }

    Thank you,
    Ryan

    March 19, 2018 at 7:17 pm #929258
    Vinay

    Hey WP Turned,

    You can target the first icon by using the nth-child rule

    .phone-info .av_font_icon:nth-child(1) .av-icon-char {
background: red;
}

    Best regards,
    Vinay

    March 19, 2018 at 7:43 pm #929271
    WP Turned UP

    Good to go! Thanks Vinay.

    March 19, 2018 at 7:45 pm #929273
    Jordan Shannon

    Hi,

    I’m glad Vinay was able to help you. If you need further help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header – Extra Elements – Flip\Rotate Icon’ is closed to new replies.