Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 14, 2019 at 1:57 am #1165741
    marcoabis81

    Hi guys,
    could you please help me t create something similar? https://www.screencast.com/t/x8L9AwmN

    Page https://www.omio.it/

    thanks,
    Marco

    December 15, 2019 at 11:08 pm #1166179
    Jordan Shannon

    Hey marcoabis81,

    I do not see images to add shadows. Can you screenshot?

    Best regards,
    Jordan Shannon

    December 15, 2019 at 11:40 pm #1166190
    marcoabis81

    Hi Jordan,
    I gave you the screenshot of how I would like to create the images and the website URL where I took an example from.

    Here is an image on my site.

    Confronta treni, autobus e voli in una sola ricerca

    See the images here. They are 1/3 of the screen. I found a page on your site with the image size defaults. But there is not mention to the size of element smaller than 1/1

    Thanks,
    Marco

    December 16, 2019 at 12:29 am #1166202
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-image-container .avia_image{
    box-shadow: 1px 3px 8px #000!important;
}

    Best regards,
    Jordan Shannon

    December 16, 2019 at 12:55 am #1166206
    marcoabis81

    Hi Jirdan,
    that is great.

    How do I add a stronger shadow when I hover the mouse over it??

    Thanks
    Marco

    December 16, 2019 at 11:52 am #1166322
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .avia-image-container:hover .avia_image {
    box-shadow: 3px 6px 16px #000!important;
}

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    December 16, 2019 at 12:48 pm #1166341
    marcoabis81

    Great Mike,
    thanks it works :-)

    Mike could you also give a look to another ticket?

    Many thanks,
    Marco

    December 17, 2019 at 4:41 pm #1166908
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.
    I will reply to your other post 👍

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Box with shadow’ is closed to new replies.