Odd outlined box appearing upon hover and click over images

  • Resolved aquariusrising68

    (@aquariusrising68)


    2 years, 8 months ago

    If you scroll down below the first images (the Portfolio section) you will see a group of design gallery links. When I am hovering and clicking on them I am now seeing a thin outlined box over the image.
    This is new and possibly happening since the last update.
    Is there a way to fix it so that the box does not appear when clicked on? \
    This also happens on the interior design gallery pages when you click on the thumbnail for a larger view.
    Any tips to fix this would be greatly appreciated.

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

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

  • Hi @aquariusrising68,

    Thanks for reaching us,

    Are you referring to the outline box as shown in the screenshot here: https://prnt.sc/4oW4bk4SVrS1.

    If so do you want to remove it? Kindly let me know and I will get back to you.

    Regards,
    ThemeGrill Support Team

    Thread Starter aquariusrising68

    (@aquariusrising68)

    No actually just below those boxes. The Aquarius Rising logo boxes. Can I attach an image here?

    Thread Starter aquariusrising68

    (@aquariusrising68)

    This is the outlined box that appears

    Thread Starter aquariusrising68

    (@aquariusrising68)

    This outlined box actually also appears on other pages of my site as well. for example if you click on the images on each individual portfolio page to enlarge them – a similar outlined box appears upon clicking on the thumbnail.
    This never happened before.
    I feel it must have something to do with a hover setting? or an “on click” type command setting but I have not changed anything other than to have updated the theme recently.
    This never happened prior to now.
    All my plug ins are updated.
    so it’s just odd.
    if anyone can help with a solution , i would greatly appreciate it.
    I am in the middle of a job search and want my website to look good for potential employers.
    Thanks!
    Tricia

    Thread Starter aquariusrising68

    (@aquariusrising68)

    @barsha04
    Hi,
    Any word on what this issue might be?
    I would like to fix this asap.

    Thread Starter aquariusrising68

    (@aquariusrising68)

    Hi Again.

    I was checking to make sure this is not a browser related issue and I noticed that even in Microsoft Edge there is an odd boxed outline occurring when I click on an image that has a link as described above.

    Attached are links to those images.

    Thread Starter aquariusrising68

    (@aquariusrising68)

    Outlined box issue in MS Edge Browser

    Thread Starter aquariusrising68

    (@aquariusrising68)

    outlined box issue in MS Edge -02

    Hi @aquariusrising68,

    Sorry for the delayed response,

    Can you please try adding this CSS inside WordPress Dashboard > Appearances > Customize> Additional CSS and check it once?

    a, a:active, a:focus {
    outline: none;
    }

    Let me know if this helps you or not and I will get back to you.

    Regards,
    ThemeGrill Support Team

    Thread Starter aquariusrising68

    (@aquariusrising68)

    Thank you Barsha!
    That worked like a charm!

    Thread Starter aquariusrising68

    (@aquariusrising68)

    Hi Barsha.
    I did mark this resolved but I still have an issue –
    I think the outline used to highlight around the dimensions of each piece of art on click – so you would notice you had clicked and were being redirected – which is important.
    Is there a a way to get it to work like that as it used to?

    Hi @aquariusrising68,

    Thanks for reaching us,

    Can you please share the screenshot mentioning the issue so that I can inspect and provide an appropriate solution?

    Please share the screenshot and I will be back.

    Regards,
    ThemeGrill Support Team

    Thread Starter aquariusrising68

    (@aquariusrising68)

    Hi Barsha –

    There really isn’t any screenshot that would show you the problem.

    Now with the hover effect removed users don’t know that an icon is clickable and I think this causes confusion.
    (See my home page and the gallery icons)

    In the past the hover effect would appear as an outline around the full dimensions of the icon or image link.

    As stated previously, i the hover effect suddenly started showing up as a long rectangular outline in the center of the icon/image after recent updates.

    Is there a way to keep the outline hover effect on the icons/images but have it appear around the outside of the full icon/image?
    that was how it worked previously.

    Thanks
    Let me know.

    Hi @aquariusrising68,

    Thanks for reaching us,

    Can you please try adding this CSS inside WordPress Dashboard > Appearances > Customize> Additional CSS and check it once?

    img:hover{
    outline: dotted 1px #000;
    }

    Let me know if this helps you or not and I will get back to you.

    Regards,
    ThemeGrill Support Team

    Thread Starter aquariusrising68

    (@aquariusrising68)

    That worked!
    Thank you Barsha!
    I appreciate your help with this!

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Odd outlined box appearing upon hover and click over images’ is closed to new replies.