Cannot Remove Border Around Images

  • Resolved myancey

    (@myancey)


    5 years, 8 months ago

    I have added 2 signature images (png) to my salespage. I use Thrive Architech for all my pages. The image elements are not set to have any borders, shadows, or animations on the main element or on hover.

    I deactivated Virtue and the problem was resolved – so the issue is with Virtue. Both images of the signatures show grey borders that I cannot get ride of. I even checked my theme options and disabled image borders, the borders still remain. There’s also this hover effect when you scroll over the signature (see video).

    video

    One signature is located near the top of the page and the other is near the bottom. Appreciate help getting rid of border and hover effect. Thanks.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 17 total)
  • hannah

    (@hannahritner)

    Hi @myancey,
    Thanks for the video! I’m not very familiar with Thrive Architect, but I would be happy to help get this resolved for you. Can you tell me what page you’re seeing this on? The link you gave takes me to a page not found.

    Hannah

    Thread Starter myancey

    (@myancey)

    Sorry, yeah, you’d need to log into my site. The page is not live.

    Thread Starter myancey

    (@myancey)

    Is there a way to get the login details to you that’s not public?

    hannah

    (@hannahritner)

    You can email them to me. [email protected]

    Hannah

    hannah

    (@hannahritner)

    Try adding this to your custom css box in Theme Options > Advanced Settings:

    .thrv_wrapper.tve_image_caption [class*=wp-image] {
    border: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    pointer-events: none;
}

    You also mentioned your footer menu. It looks like that is being output by Thrive. Let me know if their support is unable to help you.

    Hannah

    Thread Starter myancey

    (@myancey)

    Hi Hannah,

    Thank you for your help. It didn’t work at all when added to the Virtue CSS area.

    I also added it to my Thrive Landing Page CSS and it helped slightly.

    The “hover effect” is gone, but there is still a faint border showing around the signatures.

    hannah

    (@hannahritner)

    Try also adding this css:

    [class*=wp-image] {
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}

    Does that work?

    Hannah

    Thread Starter myancey

    (@myancey)

    No, I can still see the lines although they are faint.

    hannah

    (@hannahritner)

    Sorry, I actually swapped the original css out for this:

    .thrv_wrapper.tve_image_caption [class*=wp-image] {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

    That should be working now. Let me know if not!

    Hannah

    Thread Starter myancey

    (@myancey)

    No, the border is still there. Never seen this before. Don’t know why it’s doing this to the png transparent images – haven’t tried others.

    hannah

    (@hannahritner)

    Have you tried clearing your cache?

    Hannah

    Thread Starter myancey

    (@myancey)

    Hi Hannah,

    I cleared the cache on 2 browsers and the border remains faint, not totally gone.

    hannah

    (@hannahritner)

    Something is overriding your css, though I can’t tell what. Have you contacted Thrive Architect about this? I will send this over to the theme developer to see if he has any insight.

    Hannah

    Thread Starter myancey

    (@myancey)

    Yes, I have. There’s no special css with that, although they did give me a css code for this too and it did not work.

    img.tve_image.signature {
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    }

    hannah

    (@hannahritner)

    OK, you should see it working now. Just had to add the css in the page itself as the thrive landing settings have custom css that was overriding.

    Hannah

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Cannot Remove Border Around Images’ is closed to new replies.