Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1165741

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

    Page https://www.omio.it/

    thanks,
    Marco

    #1166179

    Hey marcoabis81,

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

    Best regards,
    Jordan Shannon

    #1166190

    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.

    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

    #1166202

    Hi,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    #1166206

    Hi Jirdan,
    that is great.

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

    Thanks
    Marco

    #1166322

    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

    #1166341

    Great Mike,
    thanks it works :-)

    Mike could you also give a look to another ticket?

    Many thanks,
    Marco

    #1166908

    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

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