Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1212903

    Hi,

    I have included a youtube icon next to facebook and instagram icons. However, the youtube icon appears to be bigger than the the other icons eventhough the size is equal. Maybe this should be fixed in a future enfold update. See screenshot.

    Best regards, Peter

    #1213336

    Hey P3T3R_0ne,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1214360

    I have posted a link in private content. Thank you

    #1214432

    Hi,

    We need admin info so we can log in and look into this further. The link you shared doesn’t show the icons.

    Best regards,
    Jordan Shannon

    #1217410

    Hi,

    find admin access and link with icons in private content.

    Thank you for helping out.

    #1218303

    Hi,
    Sorry for the late reply, please try this css to change the size of your YouTube icon on your contact page.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-11 #main > div > div > main > div > div > div.flex_column.av_one_third.first > section:nth-child(1) > div > div > p:nth-child(3) > span:nth-child(4) {
    	    transform: scale(.85) !important;
    }

    Best regards,
    Mike

    #1218426

    hi,

    thank you for the css suggestion. I played around with css to manipulate the icon, but wasn’t satisfied. Also, your solution makes the icon about the same height as other icons, but now it feels smaller because of less width. Now it just looks smaller than the other icons. Don’t you think so?

    I think the youtube icon should be slightly redesigned and updated in a future enfold update.

    Best regards, Peter

    #1218591

    Hi,

    Yes, unfortunately, I think it’s more of a matter the format of the current YT icon in use. Trying the following made it look a little better (this is simply my opinion) but a difference is still noticeable to a keen eye:

    .avia_transform .avia_start_delayed_animation.av_font_icon.avia-icon-animate {
        -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
        animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
        opacity: 1;
        transform: scale(.85)!important;
    }

    Best regards,
    Jordan Shannon

    #1218863

    Hi,

    thank you for helping out. I guess it should be redesigned.

    I don’t need additional help on this matter. Thank you

    #1218867

    Hi,

    No problem. Should you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘youtube icon apperas too big’ is closed to new replies.