Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 6, 2019 at 4:41 pm #1134999
    leahmessina

    We have photos that are set to the circle styling in Enfold. There is a link on each photo and on safari, when hovering over the photo the grey overlay first highlights a square section and then the actual circled image. We have read through a couple of forums and believe there might be a css fix.

    September 9, 2019 at 9:44 pm #1136215
    leahmessina

    Moderators, I am commenting to refresh the thread.

    September 10, 2019 at 5:19 am #1136331
    Ismael

    Hi,

    Thank you for the update.

    Can you provide a screenshot of the issue? You can use imgur or dropbox for the screenshot.

    We might be able to contain the overlay inside the image link with this css code.

    .avia-image-overlay-wrap a.avia_image {
	overflow: hidden;
}

    Best regards,
    Ismael

    September 11, 2019 at 10:41 pm #1137272
    leahmessina

    Hi, see private data for screenshot link. I tried your CSS, purged the cache a couple of times and tested again. My css was added to the staging site, but you can see the error on the live site.

    September 13, 2019 at 6:02 am #1137784
    Ismael

    Hi,

    Thank you for the update.

    Did you toggle the Performance > File Compression settings after adding the code? The site is probably using the old merged stylesheet without that modification. Please post the login details in the private field so that we can test the site when necessary.

    Best regards,
    Ismael

    September 13, 2019 at 6:13 pm #1138111
    leahmessina

    Hi! Yes, performance > file compression has been enabled. I gave you access to our staging ground. There is a password to access the front-end and then WordPress access for the backend. Please see the private area.

    September 16, 2019 at 11:24 am #1138768
    Ismael

    Hi,

    Thank you for the update.

    We can’t get past the htaccess authentication using the account above. Please check it carefully.

    Best regards,
    Ismael

    October 2, 2019 at 4:33 pm #1144195
    leahmessina
    This reply has been marked as private.
    October 3, 2019 at 10:22 pm #1144640
    leahmessina

    .

    October 4, 2019 at 7:38 am #1144895
    Ismael

    Hi,

    Thank you for the update.

    We added this code in the Quick CSS field. 

    .avia_image .image-overlay {
    border-radius: 200px;
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
}

    Let us know if it helps.

    Best regards,
    Ismael

    October 16, 2019 at 7:24 pm #1148581
    leahmessina

    Is Ismael,

    That CSS helped, but it doesn’t cover the circle fully. Each circle has a sliver of overlay not covering the photo on the right side.

    October 17, 2019 at 3:08 pm #1148928
    Victoria

    Hi leahmessina,

    Please use the code like this:

    
.avia_image .image-overlay {
    border-radius: 200px;
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    left: 0 !important;
}

    Best regards,
    Victoria

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