Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 17, 2022 at 2:40 pm #1344905
    sitesme

    Hello,

    I tried to add 4 images/social customised icons to the end of a page but there is some sort of a shadow behind each image, more evident in mobile devices. Can you please check? The link is in private below.

    Another problem is that these images are showing in 2 rows on mobile. Is it possible to display them all in a single row, even on mobile?

    Last question: is the logo/partner element the best way to display 4 small images next to each other as a grid in a single row?

    Thank you

    March 17, 2022 at 2:58 pm #1344916
    Yigit

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
.main_color .avia-content-slider .slide-image {
  background-color: transparent;
}

    Regards,
    Yigit

    March 17, 2022 at 3:11 pm #1344923
    sitesme

    Thank you @Yigit
    That removed the background.

    Can you please help me with 4 images/row on mobile as well? Or is there any other element that allows me to do this? 4 images (for custom social icons) aligned side by side.

    Thank you

    March 17, 2022 at 3:45 pm #1344935
    Yigit

    Hi,

    Please edit your Column element and give it a custom ID (“custom-id” in example below) in Advanced > Developer Settings. Then add following code to Quick CSS field

    
@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #custom-id .avia-content-slider-even .slide-entry.slide-parity-odd {
clear: none; 
}
.responsive #top #wrap_all #custom-id .slide-entry {
  width: 25%;
}
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.