Link rectangle

  • Resolved carolina

    (@arkitecturahoy)


    8 months ago

    I need to get rid of the black rectangle apprearing when I click on a imagen of the slider. I´ve tried via css but nothing seems to work. I´m using the Clarity template with css code for customizing it according to the website design. How can I solve it?

    And second, I can´t update the plugin to the latest version (actual on the site is Version 3.99.0) because if I do it, some garey rectangles appear down each image and break the desing. Same way than before, I´ve tried to solve it via css code, but the only one solution I´ve found was not updating the plugin.

    Thanks beforehando for your help,

    CLL

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Steve Burge

    (@stevejburge)

    8 months ago

    Hi @arkitecturahoy. Thanks for using MetaSlider.

    Yes, we can help with problems involving the plugin itself.

    Sorry, we’re not able to help debug custom CSS here on the WordPress forums.

    Do these problems happen with the default Clarity theme (no extra CSS added)?

    Plugin Author Steve Burge

    (@stevejburge)

    7 months, 3 weeks ago

    Thanks for using MetaSlider. We’ve not heard from you in 10 days so are closing this discussion for now. Please post again if you need help.

    Thread Starter carolina

    (@arkitecturahoy)

    7 months, 3 weeks ago

    Sorry I reopen the discussion, but still need help. Yes, the black rectangle problem happens with the default Clarity theme with no extra CSS added too… I used it here: https://carolinalallana.com.ar/demo/elementor-4956/ with clean code, en when you activate a link, can see the black border around the image, as seen on third image. I´ve tried to put it in transparent color to hide it, but it doesn´t work.

    Thread Starter carolina

    (@arkitecturahoy)

    7 months, 3 weeks ago

    The image url is: hide.png

    Plugin Author htmgarcia

    (@htmgarcia)

    7 months, 2 weeks ago

    Hi @arkitecturahoy

    The rectangle is actually an accessibility feature outline border. If you want to remove it, add this custom CSS:

    .metaslider.ms-theme-clarity .flexslider .slides li:focus-within {
      outline: none;
    }

    Regards

    Thread Starter carolina

    (@arkitecturahoy)

    7 months, 1 week ago

    Thanks for replying, sadly, i added the code on the custom css widget section and in apppearence and no one of both worked

    Plugin Author htmgarcia

    (@htmgarcia)

    7 months ago

    @arkitecturahoy please add !important to force your customizations.

    .metaslider.ms-theme-clarity .flexslider .slides li:focus-within {
      outline: none !important;
    }

    Regards

    Thread Starter carolina

    (@arkitecturahoy)

    7 months ago

    Worked perfect! I´ll mark the item as solved. Thanks a lot!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Link rectangle’ is closed to new replies.

Tags