Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 8, 2018 at 12:17 pm #953326
    Neverlands

    Hello,
    since the last Enfold update – the image icon link overlays are etxremely large.
    How can I make them as small as before (just like in my footer or sidebar widgets)?

    Inside page:

    Inside footer:

    Best regards,
    Neverlands

    May 8, 2018 at 1:08 pm #953351
    Mike

    Hey Neverlands,
    I believe the overlays are a percentage of the image size, where the images in the first section are actually much larger with more white space. But I was able to target them with this css, please try this code in the General Styling > Quick CSS field:

    #top.home #av_section_3 .image-overlay .image-overlay-inside:before {
    height: 40px !important; 
    width: 40px !important; 
    line-height: 40px !important; 
    margin: -20px 0 0 -20px !important;
}

    Please adjust to suit.

    Best regards,
    Mike

    May 8, 2018 at 4:22 pm #953441
    Neverlands

    Hello Mike,

    thanks for the quick response.

    I changed the css code to the following, so that the overlay images have the same size as in the footer and sidebar – works perfectly :)

    [id*='av_section'] .image-overlay .image-overlay-inside:before,
.avia-image-container .image-overlay .image-overlay-inside::before {
	height: 54px !important; 
	width: 54px !important; 
	line-height: 54px !important; 
	margin: -27px 0 0 -27px !important;
}

    Thanks and best regards,
    Neverlands

    May 9, 2018 at 2:00 am #953628
    Mike

    Hi,
    Well done :) Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Image Icon Link Overlay’ is closed to new replies.