Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 14, 2020 at 11:12 am #1212903
    P3T3R_0ne

    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

    May 15, 2020 at 5:13 pm #1213336
    Victoria

    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

    May 19, 2020 at 3:49 pm #1214360
    P3T3R_0ne

    I have posted a link in private content. Thank you

    May 19, 2020 at 9:46 pm #1214432
    Jordan Shannon

    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

    May 28, 2020 at 4:25 pm #1217410
    P3T3R_0ne

    Hi,

    find admin access and link with icons in private content.

    Thank you for helping out.

    June 1, 2020 at 2:35 am #1218303
    Mike

    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

    June 1, 2020 at 1:41 pm #1218426
    P3T3R_0ne

    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

    June 2, 2020 at 1:01 am #1218591
    Jordan Shannon

    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

    June 2, 2020 at 10:35 pm #1218863
    P3T3R_0ne

    Hi,

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

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

    June 2, 2020 at 10:58 pm #1218867
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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