Forum Replies Created
-
AuthorPosts
-
there are a lot more css rules to set. All depends first on your header settings. header_meta or not – does the header_meta scroll away on responsive case? ( “Unstick Topbar” ). Then where did your hamburger breakpoint is set? 767 or 989 or something completely different?
On transparency or glassy headers – do you like to have them transparent or glassy first too or not? …see here working examples:
https://consulting.webers-testseite.de/
https://basis.webers-testseite.de/Edit: you had to change your bg-color for your needs : #376b9e for https://lunchticket.org/
you can try as starting point:/****** sticky header *** responsive case when burger is visible - you had to edit then the media query *************/ @media only screen and (max-width: 989px) { /****** might be neccessary to set .responsive .avia-svg-logo svg { max-width: 280px; } *******/ .responsive #top #wrap_all #header .container { width: 95%; max-width: 95%; } /*** if top-bar should be visible on mobile - it will be 110px ***/ #header { position: fixed !important; height: 80px !important; max-height: 80px !important; } .responsive #top .av-logo-container , .responsive #top .logo a, .responsive #top .logo img, .responsive #top .logo svg { height: 80px !important; max-height: 80px !important; line-height: 80px !important; } .responsive #top .av-main-nav .menu-item-avia-special a { height: 80px !important; line-height: 80px !important; } /***** see comment below ******/ #top .av_header_transparency, #top .av_header_transparency .header_bg { background: transparent !important; } /******* if you do not like to have first transparency then backgound-color * remove the above transparent rule and use this instead : #top .av_header_glassy.av_header_transparency .header_bg { background-color: #fff; opacity: 1; filter: alpha(opacity=100); } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); background-color: #fff !important; } **************/ #top #header.header-scrolled .header_bg { background-color: #FFF !important; opacity: 1 } .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub { display: block !important; } .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg { opacity: 0; } html:not(.html_header_transparency) #top .header_bg { background-color: #FFF !important; } .responsive.html_header_transparency.html_header_top #top #main { padding-top: 0px !important; } .responsive:not(.html_header_transparency).html_header_top #top #main { padding-top: 80px !important; } } @media only screen and (max-width: 767px) { /****** again might be neccessary to set - depends on your logo and if you are using a svg .responsive .avia-svg-logo svg { max-width: 220px; } *****/ .responsive #header_meta .sub_menu > ul > li { padding: 0 5px; } }
March 4, 2023 at 3:39 pm in reply to: Einbindung von F12 Captcha/Honeypot auf der Kontaktseite #1400101Ein sehr gutes Plugin – schon auch in der Freien Version ist WP Armour
Dort im Link oben kannst Du auch schon nachlesen, wo das Plugin sich automatisch einbindet. Enfold ist in der Liste nicht aufgeführt, aber auch Enfold Kontaktformulare werden unterstützt.
Ich bin mir nicht sicher, ob das nur bei meiner Pro Version so ist, aber die “Enable 2 Level Spam Check” sollte man nicht aktivieren. Hier hatte ich zuviele false positiv Resultate.
Such mal nach Erfahrungen mit dem Plugin – danach wirst du dein f12 Captcha ausmisten.March 3, 2023 at 9:32 pm in reply to: Wie erzeuge ich hochgestelltes Zeichen (Superscript) in Menü und Seitentitel? #1400063all infos are on my avatar or username. Send me an e-mail
March 3, 2023 at 8:59 pm in reply to: Wie erzeuge ich hochgestelltes Zeichen (Superscript) in Menü und Seitentitel? #1400061show me please the page – or post for the mods in private content – ps read my post that i set in the time you posted yours.
March 3, 2023 at 8:49 pm in reply to: Wie erzeuge ich hochgestelltes Zeichen (Superscript) in Menü und Seitentitel? #1400058Well you had to use these characters:
™ ® ©
then the code will do the rest. ATM
will not work.
It works on my end here.
Even in breadcrumb – they will be replaced. But if you like to have itBut if you even want to have it on:
then you had to copy&paste the character on f.e.: http://unicode.e-workers.de/entities.php
or use the unicode decimal for it e.g:®
in the page title
sorry boardsoft will immedeitately transfer the entity :March 3, 2023 at 3:51 pm in reply to: Wie erzeuge ich hochgestelltes Zeichen (Superscript) in Menü und Seitentitel? #1400035if you are having this a lot and only on copyright, tradmark etc. you can do this in one short snippet for child-theme functions.php:
just place that character and let the script do the sup-wrapperfunction wrap_copyright_text_with_sup(){ ?> <script> (function($) { $(document).ready(function() { $('body :not(script)').contents().filter(function() { return this.nodeType === 3; }).replaceWith(function() { return this.nodeValue.replace(/[™®©]/g, '<sup>$&</sup>'); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'wrap_copyright_text_with_sup');
if you like to have manual control just place vor Menu Items in Navigation Label :
<sup>ABC</sup>
or to have it sub similar to itH<sub>2</sub>O
edit menu-item ( red circle ):
March 3, 2023 at 3:39 pm in reply to: Extra CSS data-created_by=”avia_inline_auto” on posts and pages #1400032Can you try this in your child-theme functions.php:
function custom_avf_post_css_create_file( $create ){ return true; } add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );
the css is created anyway – but not saved inline – all goes to extra css file inside /wp-content/uploads/dynamic_avia/
maybe this is a possible way to reach the same only with enfold alb usage:
On newer Enfold we got the options to position that 1/1 container absolutely – and if we place it absolute: 0 ( set to a higher z-index )
We have then no background-images but a real slider with real cross-fade options because we got images.
The only problem is responsive behavior : In the end, the image of the slider determines the height of the cell. If this content gets higher then the images – it will “overflow” this “background-slider”. This absolute positioning you can set only for wider screens – and on mobile you can have the normal behavior etc. pp.see example: https://webers-testseite.de/test-temp/
One thing that bothers me with my code – is that the fading goes to the entire container. So this also affects the content. It would be better if only the background would experience a fading.
so definitly use Yigits Code for now – i will look to change my code
i got this function – and it is a bit different from Yigits – but it is nearly the same background on how to achive this.
But now my question – this looks only good after the first cycle – till the images are in the browser cache.
Is it possible to have a preloading of the image array on page loading?function av_grid_slide(){ ?> <script> window.addEventListener("DOMContentLoaded", function () { (function($){ var cellSlider = $('.grid-slider'); var images = [ 'url(/wp-content/uploads/test-london.jpg)', 'url(/wp-content/uploads/test-paris.jpg)', 'url(/wp-content/uploads/test-newyork.jpg)', ]; $(function () { var i = 0; cellSlider.css("background-image", images[i] ); setInterval(function () { i++; if (i == images.length) { i = 0; } cellSlider.fadeOut("1000", function () { $(this).css("background-image", images[i] ); $(this).fadeIn("1000"); }); }, 5000); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'av_grid_slide');
btw: that double Quotation is in Yigits Code above
but please could you discuss the solution then please!
Sometimes it helps other participants to learn from the problems of others.
My guess was that you had old code in your child theme functions.php that was causing conflicts.these are page-content inserted via the page-content alb to your page? or how do you inserted this content?
_______
btw: think of the former tip for those fixed images – and mobile support. This does not work on parallax – so if there is the custom-class : bg-fixed set before – because it was a former fixed bg style.it has to be in a text-block alb ?
Or can you use the accordion alb instead. ?by the way – on a text-block the trick via details will work :
<details> <summary>read more …</summary> <p>Here comes the hidden text inside</p> </details>
@media only screen and (max-width: 767px){ .responsive #top .avia-post-nav { display: block; } }
but i guess on next enfold version there will be a swipe support on post-navigation.
This is exactly why I asked for the link. There are better methods (flex-layout or even better grid-layout) to solve the same height problem – even without aiming at quite a few media-query solutions with min-height. But obviously solutions from non-moderators are not wanted. Too bad
i don’t know where you need this rule – but you had to be more spezific for the elements you like to influence.
.archive.author header.entry-content-header { margin-bottom: -50px; }
this is causing it – remove that rule and:
#top .template-author .content .post .entry-content-wrapper { padding-bottom: 0px; }
and because you do not show meta content here
and if you do not like to have that separation#top .template-author .content .post-meta-infos, #top .template-author .content .author-extra-border { display: none; } #top .template-author .page-heading-container { border-bottom: none !important }
#top .author-box { display: grid }
if you like to style it – and have it a bit larger:
#top .post-author-format-type .rounded-container { width: 100px; height: 100px; border-radius: 25% } #top .post-author-format-type .rounded-container img { width: 100%; border-radius: 25% }
i do not know where your rule comes from – because merging is active :
there is:@media only screen and (max-width: 767px){ .responsive .template-blog .blog-meta { display: none; } }
so try in your quick css:
@media only screen and (max-width: 767px){ .responsive #top .template-blog .blog-meta { display: block; } }
Hast du mal den Link zu deiner Seite ?
zunächst ist ja auch das “bring to front” im svg divider – wenn das aktiviert ist, bekommt das svg bzw. der wrapper einen z-index von 100.
mach diesen haken mal raus.PS gut das im Screenshot dein Tel gut zu sehen war ;) die Seite zu inspizieren ist nämlich leichter als Vermutungen anzustellen.
What is initially noticeable is not only the different display in the post slider, but also that slightly different sources are used in the single posts.
Both times the image is opened in the lightbox, and by default the large image is used as the source.
In the one image, however, this is: 1024X683 in the other image (new), however, it is: 1030×687.
This could then of course lead to the fact that the calculation based on this the images in the post slider are also different.PS: I still do not see why in the single post with you such nearly 4:3 images are shown, because actually the entry_with_sidebar format is 845×321 so rather a narrow image.
Therefore, the actual error is more likely to be found in the choice of images for the lightbox of the single posts.
PS: for testing purpose it would be nice if both posts ( with image 39 and 39new ) are in the same category – to see if there could be an impact.
-
This reply was modified 2 years, 4 months ago by
Guenni007.
Is there a page where normal users can also look at the matter?
sorry – this was the fact allready before – and does not correlate with the “Modal Window Custom Content”
I checked your page to get the correct selectors for your consent buttons – that’s how I recognised it.
there are 3 images loading from http path and the open-sans font. My recommendation is that you delete these files – and upload them again.
logo-mitglied-im-BWP.jpg / innbb.jpg and j.svg –I would try the Open Sans first, as you don’t have to search the content to load the new instance. If you do this, include the woff2 variants of the Open-Sans in your zip file. Every modern browser can handle this, and loads these much smaller files faster.
If there is a section that is above the section where you want the divider, you can set up a bottom divider for that section.
Another option would be to give the color section a custom class, and all of these will have the top divider mirrored up.
See here – my snippet for a divider between a slider and the next color section. Since the slider doesn’t have this option, we need this trick here.
https://webers-testseite.de/divider-on-sliders/you are concerning to the svg dividers ? or have you done it with the slant option? – i would always prefer the svg dividers.
on performance – “Disabling Of Template Builder Elements” – what option do you use there?
i can not see how you have set the gradient for the first button – it is not via quick css – it shows it is an inline style – so you have to look where this rule is:
.avia-cookie-consent-button-1{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8fc800+0,63aa00+100 */ background: #8fc800 !important; /* Old browsers */ background: -moz-linear-gradient(45deg, #8fc800 0%, #63aa00 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #8fc800 0%,#63aa00 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #8fc800 0%,#63aa00 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#63aa00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border: none !important; color: #ffffff !important; }
delete the rule for the button-2 and add the selectors for the other button to that rule above:
.avia-cookie-consent-button-1, .avia-cookie-consent-button-2, .avia-cookie-consent-button-3 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8fc800+0,63aa00+100 */ background: #8fc800 !important; /* Old browsers */ background: -moz-linear-gradient(45deg, #8fc800 0%, #63aa00 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #8fc800 0%,#63aa00 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #8fc800 0%,#63aa00 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#63aa00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border: none !important; color: #ffffff !important; }
Was ich mir vorstellen könnte, ist das du die Besucher deiner Seite bittest aktiv ihre Herkunft offen zu legen; indem du das entsprechende Bundesland abfragst.
Ich denke aber es wird wahrscheinlich leichter sein, die Telefonanlage dementsprechend zu programmieren, das eine auf deiner Seite angegebene Zentrale Nummer – je nach Vorwahl des Anrufers zu der entsprechenden Stelle weitergeleitet wird. Hier ist eine Herkunft leichte zu bestimmen.Es über die Besucher IP ( Geolocation IP etc. pp ) zu machen ist höchst wahrscheinlich nicht DSGVO konform.
-
This reply was modified 2 years, 4 months ago by
-
AuthorPosts