Forum Replies Created
August 22, 2019 at 11:21 am in reply to: Customized Image Gallery: caption & overlay on hover, zoom within image border #1129952
Thanks again for your swift and kind response.
I now added a caption to every image. The captions are ahown on mouse hover in a little box above the image. Please see my test page: https://www.dental.one/test
Isn’t there a simple way to remove the box and place the text in the center of the image?
Thanks again for your help!
HagenAugust 21, 2019 at 3:58 pm in reply to: Customized Image Gallery: caption & overlay on hover, zoom within image border #1129604
Thanks a lot for your swift reply.
I understand. But require all of my three desired features heavy customization? Or can you help with at least one or two of them?
1. show the image caption in the middle of the image on mouse hover
would be most important for me.
I can also do without the other two…
HagenMarch 7, 2019 at 8:23 pm in reply to: Icon Grid Element – hide flipside content on small / mobile screens #1076106
vielen Dank schon mal für die ganzen Ideen. Ich bin leider ab sofort bis Montagmorgen offline. Werde aber am Montag all Deine Vorschläge testen. Ich melde mich dann!
HagenMarch 7, 2019 at 5:41 pm in reply to: Icon Grid Element – hide flipside content on small / mobile screens #1076058
Unglaublich, jeder Code ein Treffer. Alles umgesetzt. Vielen, vielen Dank!
PS: bei der Menge an Icons hätte ich wahrscheinlich trotzdem nur 1/4 columns genommen.
Du meinst die globale Einstellung des Icon Grid für die Anzahl der Spalten nebeneinander, richtig?
Kann man dem Icon Grid nicht noch klarmachen, dass es, sobald die einzelnen Icons aufgrund der geringeren Bildschirmbreite eine gewisse Höhe erreicht haben, auf 4 Spalten bzw. 3 Spalten bzw. 2 Spalten bzw. 1 Spalte wechseln soll?
HagenMarch 7, 2019 at 2:39 pm in reply to: Icon Grid Element – hide flipside content on small / mobile screens #1075989
I am truly delighted you answered on my question. I have already read and implemented lots of your posts! :-)
Your CSS worked perfectly fine. Thanks a lot.
However, I already have two follow-up question: Again on small / mobile screens only,
– how do I reduce the vertical distance between the icons (the flipsides are hidden now), and
– how can I get two columns (instead of just one column) of icons when the screen is rotated to landscape orientation?
If you want to check yourself, the website is https://www.dental.one/.
Thanks for your help. All solved now. Please feel free to close the topic.
HagenMarch 7, 2019 at 9:14 am in reply to: 7 columns in a row on desktop, 2 columns on mobile #1075860
Thank you. Everything is solved now and you can feel free to close the topic.
HagenMarch 5, 2019 at 4:08 pm in reply to: 7 columns in a row on desktop, 2 columns on mobile #1074940
That has helped. Thanks a lot. Never thought this setting was the problem.
However, I need the columns to be of equal height. What do I have to add to CSS in order to achieve that?
Thanks in advance!
HagenMarch 1, 2019 at 12:49 pm in reply to: 7 columns in a row on desktop, 2 columns on mobile #1073128
Thanks a lot for your reply.
Yes, I did it exactly as described by Nikko in the thread you mentioned. Unfortunately nothing happens.
I assume that some other setting is interfering with the CSS code. But which one?