Forum Replies Created
-
Posts
-
I don’t know if this has anything to do with the CSS section that has already been deleted again, but for some reason I can’t click on portfolio posts on the IPad in portrait mode now.
Hello!
I mean all links: for example “ecosia.org” or “umwelt-magazin.eu/ecosia” or “=>Ecosia” (there would be “=>Ecosia” clickable and you would be redirected to ecosia.org).Please try the following in Quick CSS under Enfold->General Styling for the overlay on tablets
Thank you, but it doesn’t help…:( I will send you the login datas:)
@Guenni007 once set a very pretty border, which unfortunately also transferred to what you see when clicking on portfolio entries. (https://kriesi.at/support/topic/mouse-hower-effect/#post-1421611 and https://kriesi.at/support/topic/mouse-hower-effect/#post-1421686). Is it possible to prevent this?
Perhaps, you know a solution for helping:)? I will send Guenni007 a PM!
Ops, I have another question…
Is it possible to set that only main images of posts are affected by the changes?Thank you, but I would like to handle, that the Post images are not clickable:
https://www.dropbox.com/scl/fi/7c9pq8ob9rut6xroipb3c/Foto-12.10.23-07-13-55.png?rlkey=unpdi8rujfmxzhzyhgy2lrx6t&dl=0
https://www.dropbox.com/scl/fi/lntq29knzjo425sz7b3ye/Foto-12.10.23-07-13-59.jpg?rlkey=e03g7x1qrlbtz40ahketcudvl&dl=0I think, that was it:) Thank you, @Guenni007 and @Mike!!!
Thank you so much! As long as there is no function that ensures that the hover effect is not displayed on ALL touch devices (regardless of the size of the respective device) I am very happy with the current solution:)
If there is a way to make the background described with arrows white again, I would be very happy:)
https://www.dropbox.com/scl/fi/x1t647d5jin4bki9g1aod/IMG_4467.jpg?rlkey=53pjkra4bd007ulgei64c1yo0&dl=0„Another spontaneous question. I don’t know if it’s worth inserting a new topic for this: At some point I inserted the CSS code in Quick CSS:“
I thought the answering of the new question would be very easy:) I will open a new topic in the next werks, but I think, this topic (here) is more important:)
That would be the best;)
Then I think it will apply everywhere – for all screen widths ;)
What would the whole code look like in the final version?
Kind regardsor change the @media to a size, that is what I would recommend
But which size do I have to use for the code? I would prefer it to work on all devices. What does the code have to look like then?
Wow, there have been a lot of really helpful messages in the meantime. I always delete the cache after each session, but after Mike’s editing at least some things work now:) In portrait format everything is displayed as I wanted, in landscape format it doesn’t work yet. The tablet I’m looking at has the dimensions 810×1080, but there are also Din A4 iPads on which everything should work as well as possible. Is that possible? The effect also includes a slight white shimmer over the respective pictures/headings. Is it also possible to set the effect so that it is only visible on devices that do not have a touch function?
Another spontaneous question. I don’t know if it’s worth inserting a new topic for this: At some point I inserted the CSS code in Quick CSS:@media (hover: none) {
.portfolio-item:hover {
pointer-events: none;
}But for some reason it doesn’t work on my iPad… Do I have the possibility to change this?
Thank you so much for helping me like this, although I’m sure there are much more important things to do:)Thanks to both of you – I have tried this as well and it continues to look the same on the two IPads I have tried it on:
It doesn‘t work…:(Thank you so mutch! Now it works:-)! Do you happen to know how to solve my problem here well – I just can’t manage it….
Ich habe jetzt deinen Code eingegeben bei CSS
#top .av-masonry.description-below .av-inner-masonry-content, #top .av-masonry.description-below .av-inner-masonry-content .avia-arrow { background-color: #cde5a5; } .responsive.avia_mobile #top .av-masonry.description-below .av-inner-masonry-content { position: relative !important; top: 100%; } .responsive.avia_mobile #top .av-masonry.description-below .av-inner-masonry { overflow: visible; } .responsive.avia_mobile #top .av-masonry.description-below a.av-masonry-entry { margin-bottom: 60px !important; } .responsive.avia_mobile #top .av-masonry.description-below .av-inner-masonry-content { padding: 5px 10px; text-align: center; min-height: 65px } .responsive.avia_mobile #top .av-masonry.description-below .av-inner-masonry-content .av-masonry-entry-title { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); padding: 0 !important; margin: 0 !important; width: 100%; font-size: 18px !important; }Dann habe ich folgendes gemacht:
https://www.dropbox.com/scl/fi/a2k6d2dbx0z9cfvgdlgx5/Screenshot-2023-10-07-151719.png?rlkey=gkw34l59cf4v0614vo6pqh5qk&dl=0
https://www.dropbox.com/scl/fi/4mgyhs5xfkaevtczi5bl7/Screenshot-2023-10-07-151653.png?rlkey=7ok6d7qht8ubssvgvun6cc7i2&dl=0
https://www.dropbox.com/scl/fi/emieeysdcjx97ffd56g1u/Screenshot-2023-10-07-151622.png?rlkey=swmquijj3xsozk5fpfjek2b8l&dl=0
Das war wahrscheinlich auch falsch von mir, denn es hat nicht funktioniert. Heul!Did you purge the cache before testing the page? You may have to toggle or temporarily disable the Enfold > Performance > File Compression settings as well. Please make sure to perform a hard refresh before testing the page.
Yes, I have done that:( If I enter the following code (=>css-field), …
@media only screen and (max-width: 767px) { #top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2 { font-size: 24px; } }it still does not work.
Ich kenne mich leider mit Codes quasi nicht aus… Peinlich:/ Wir haben Enfold als Vorlage genutzt und haben die Website von anderen designt bekommen. Kannst du ganz vielleicht nochmal eine Schritt-für-Schritt-Anleitung geben, die zeigt, was ich jetzt am besten tun sollte? Wenn nicht: auch kein Problem:)
Keine Sorge, mit duzen bin ich sehr einverstanden! Auf dem Tablet, das ich nutze, ist gar kein Effekt zu sehen. Wenn ich das entsprechende Bild antippe, wird, wie du schon beschrieben hast, ganz kurz der Effekt angezeigt.
https://postimg.cc/nMYC4VKs (aus irgendeinem Grund werden mir die ganzen Bilder mit <img u.s.w. nicht angezeigt…-
This reply was modified 1 year, 2 months ago by
.
-
This reply was modified 1 year, 2 months ago by
-
This reply was modified 1 year, 2 months ago by
-
This reply was modified 1 year, 2 months ago by
-
This reply was modified 1 year, 2 months ago by
-
This reply was modified 1 year, 2 months ago by
-
This reply was modified 1 year, 2 months ago by
Thank you for your answer!
But I have to change something in the code, don’t I? So far it doesn’t work for me. Sorry for being so stupid:)! If I wanted to set all headings to the size “h2” – what would the code look like? The change should be as effective as possible on all mobiles.Next question: Partially, the white in the mouse hover effect does not cover the right edge of the image:
https://www.dropbox.com/scl/fi/46vguw94ms0eq1sf061lq/Screenshot-2023-10-03-141814.png?rlkey=2znvxyhigal944suqhj845q75&dl=0
Is it only me who has this problem, or is this the case on all Enfold websites?Nächste Frage: Teilweise deckt das Weiß beim Mouse-Hover-Effekt nicht den rechten Rand des Bildes ab:
https://www.dropbox.com/scl/fi/46vguw94ms0eq1sf061lq/Screenshot-2023-10-03-141814.png?rlkey=2znvxyhigal944suqhj845q75&dl=0
Habe da nur ich das Problem, oder ist das auf allen Enfold-Websiten so? -
This reply was modified 1 year, 2 months ago by
