madamblaa

Hmm… no – on the proeve-2 page all titles are displayed above the images inside the lightbox.

But never mind. I just managed to reupload thrfor the 5th time, and now it works. Who knows why…

Thank you for trying to help me.

• This reply was modified 5 years, 7 months ago by madamblaa.

I have tried alt text, title and caption. The same problem appears at the same images.

Thank you so much!

Inspecting your code says, that there is a margin of 12px under each element. I have no answer, but you might check your theme, if it is interfering somehow.

• This reply was modified 5 years, 8 months ago by madamblaa.

I just managed to disable the footer on my frontpage.
Found the page ID ‘elementor-page-2’ by inspecting the page code in the body tag.

In templates custom css I addded

body.elementor-page-2
#colophon
{display:none !important;}

Hi
While you are waiting for support to answer: Looking at your site on mobile, I thougt you might find my ‘finding outs’ useful to some of your problems :-).

I had a post some days ago, and wrote some solutions.
Name of my post: Change colors and size on mobile nav icons?

Well, tired of waiting for support, I with some trouble found solutions to put some lines into my themes custom css.
Maybe, they can be useful for others, until you may make the mobile menu just at nice and costumizable as you did with the menu for computer.
The mobile menu is not very nice to look at as it is.

I changed the size of the burger toggle button from:

.elementor-menu-toggle {
font-size: 24px;
font-size: 1.5rem;
}

To
.elementor-menu-toggle {
font-size: 16px;
font-size: 1rem;
}

And I got rid of the very black 48×48 px background, that showed up when pushing a “child-arrow”, and made the background transparent instead (At this moment, I don’t know if I want the outline or not)

changed from:
.eldropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}

To:
.eldropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
background:transparent !important;
}

For the small gaps between the elements, I found a solution in this forum, but I will gladly repeat it :-):

.eldropdown-toggle:after {
border-left-width: 0px !important;

}

Hi @poonam9 I did share, and someone added it to my post above. ??

• This reply was modified 5 years, 9 months ago by madamblaa.

Oh! I’m very sorry. It is another plugin inside your plugin ??

The links Corrado Prever send are with all the text now, at both horizontal and vertical images. But I wonder, why the vertical images are pushed to the left of the screen and the text is to the right, instead of underneath the image.

I would really like to use the plugin, but i don’t like vertical images pushed to the left.
Is there any way to get the texts underneath vertical images?

@averta
I found the same problem with mobile at your own demoversions of both versions ‘Slider with slide infos’
You can see the mobile-problem there.
Hopefully, you can make it work, because I looked a very long time for a slider like that.

The folder mg-styles now contains some css files with the numbers of each little testgalleri I made. After that, I was not able to use the change in borderless.css, but had to make a new changed css for each gallery number. Put it in the wp-contentfolder, and write the the urls into Advanced/custom styles. I have planned a lot of small galleries on the site. Well, at least I know what to do now.

Is that mg-styles folder used, if you have more than one gallery?

Thanks at lot for your help and patience.

Well, I found out, that there was no css files in the mg-styles folder in my online site.
Where I tried before, was on local host, and maybe because I did not install the Media Library here. (?)

So, your solution to edit the code in the borderless.css is working fine at my online site version.
Now I must figure out, how to override – cause I don’t know how to get Simple Custom CSS to work. Yet ??

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 7 years, 10 months ago by madamblaa.
• This reply was modified 7 years, 10 months ago by madamblaa.

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