Fancybox

Which template are you using? We use the Magnific Popup in most of our plugins for the lightbox.

Maybe I am wrong about the name Fancybox, but thats what I (with not that much knowledge ) found in the MaxGallery folder, and by looking at the code of the page.

The frame I mean is when I hover the gallery image. A white frame with shadow around.

My theme is called Sydney.

• This reply was modified 8 years, 1 month ago by madamblaa.

Have you tried any ony of the other preset borders or customizing your own from the border and shadow controls under the gallery’s option tab?

Yes, I have tried the different types.
What I wonder is when I select Preset Layout ‘Bordeless’ and unchecked ‘Display border’, there is no border, exept when I hover, there is a white one. Seems not logic to me.

• This reply was modified 8 years, 1 month ago by madamblaa.

If you want to create your own border, first select Bordrless in the presets so they will not override your custom border style. You will note, that when you click the display border checkbox that the controls below the check box become enabled. Now you can choose the boarder thickness, color and radius along with a shadow type color blur and spread. Select some options, update the gallery then refresh the gallery page to see the result

Your theme may be causing the affect you see when borderless is selected.

The opposite occures, when using ‘Drop Shadow” – white frame when not touched, and no frame when hover.

Right, it is just adds a permanent shadow. It does not appear on hover. Your theme has its own CSS and you may need to add some custom CSS to override that.

No I don’t think it is about the theme, same things happen using Twenty Fifteen theme.

It looks like it is caused by the browser. In Chrome I see:

`
user agent stylesheet
:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.

oh, I checked the CSS of bolderless press and it is causing the hover outline

.mg-image-tiles.borderless .mg-thumbs ul li div:hover {
    box-shadow: 0px 0px 5px #808080 !important;
    -moz-box-shadow: 0px 0px 5px #808080 !important;
    -webkit-box-shadow: 0px 0px 5px #808080 !important;
}

Which could be overridden with

.mg-image-tiles.borderless .mg-thumbs ul li div:hover {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

It happens in Firefox and Opera too.

What should I do with the code?

Now I see, you wrote something more. Thank you. I will try that.

I installed Simple Custom CSS and added the CSS code there. Now the shadow does not appear.

No, that did not work. But I found another code. In the mg-620.css file. This seems to work:

#maxgallery-613.mg-image-tiles .mg-thumbs ul li div:hover {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
Sorry, I am a bit dizzy now. I wrote the same code as you before. So this should be the right code.

The Simple Css does not seem to work… So,
Can I override the mg-620.css file via MaxGallerias Advanced tab? Since the folder mg-styles is placed outside the Maxgallery folder.

• This reply was modified 8 years, 1 month ago by madamblaa.
• This reply was modified 8 years, 1 month ago by madamblaa.