Issue with image linked to modal

[6harps]

Hi,

I have a strange behaviour with an image linking to modal: after opening the modal and closing it again, the linked image gets a blue frame (see screenshots), that disappears after klicking somewhere on the site. Has anybody an idea how I can get rid of it?
The URL of my site under construction is:
https://test.riccardodelfino.eu

Thank you all for any help
Riccardo

[elixirgraphics]

That is a focus indicator, which is applied by Bootstrap. You can add your own CSS to the page to remove it if you like in the Page Inspector.

[6harps]

Thank you for your quick reply, Adam. Since I am a legasthenic concerning codes and CSS could you please tell me how this CSS should look like, and where in the RW-project I should insert it? Or maybe tell me, where else I could find it? Thank you very much

[elixirgraphics]

The page I linked to above talks about how to use the :focus pseudo-class. Instead of applying it to an input for example, you’d need to apply your styling to an img tag instead.

The CSS you write will be added to the page’s Custom CSS field in the RapidWeaver Page Inspector.

[6harps]

I have added :focus { outline: none; } and now the blue frame disappeared. Thank you for your help!

[elixirgraphics]

Well done! I knew you’d get it.

[6harps]

Thanks again for your support, Adam!