Forum Replies Created
-
AuthorPosts
-
Hi,
I found that the margin of the column below the video was overlapping the video, preventing a click on the video, I added this css in your Quick CSS to change the z-index of the video so it is on top, now you can click the video, please clear your browser cache and check.@media only screen and (max-width: 767px) { #top.home .avia-builder-el-5 .avia-video { z-index: 3; position: relative; } #top.home .avia-builder-el-8 { z-index: 0; position: relative; } }Best regards,
MikeHi,
Thanks for the login, I didn’t see the script in your functions.php so I added it for you, now the script is in your site head, but it is giving a status of 403 (Forbidden),
I found this instruction from mailchimp for this script and it says you need to Connect site in your mailchimp dashboard, did you do that?

If you already did this then please ask mailchimp if you need to do something else because they are blocking your site.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
The code is in the Quick CSS, it looks like you removed the hr that was above the “LIEUX HISTORIQUES BERNE – JURA” the css was set to it.
So now we will use the css on the heading, please add this css to your quick css:@media only screen and (max-width: 767px) { #top.home .av-special-heading.avia-builder-el-9 { margin-top: 60%; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad to hear, for two images you need to specify the two images, the first image container was .avia-image-container.avia-builder-el-8 img the second one is .avia-image-container.avia-builder-el-10 img so to add both to the same script it would look like this:function custom_replace_images_in_image_element() { ?> <script> window.addEventListener('DOMContentLoaded', function() { var image1 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 img"); var link1 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 a"); var source1 = ("https://archiv.dorfgeschichte.li/wp-content/uploads/fruher-und-heute/Restaurant-Fernsicht-1966.jpg"); var image2 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-10 img"); var link2 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-10 a"); var source2 = ("https://archiv.dorfgeschichte.li/wp-content/uploads/fruher-und-heute/Restaurant-Fernsicht-1966.jpg"); image1.src = source1 image1.srcset = source1 link1.href = source1 image2.src = source2 image2.srcset = source2 link2.href = source2 }); </script> <?php } add_action('wp_footer', 'custom_replace_images_in_image_element');but I see your test page has changed so I don’t know if we are talking about the big images or the thumbnails, but as long as you specify the image containers this should work.
Best regards,
MikeHi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thank you for the link to your pages, for the first one I added this css:@media only screen and (max-width: 767px) { #top.home .hr.avia-builder-el-8 { margin-top: 60%; } }for the second one, I see that your icons are hidden on mobile but the columns they are in are not so the empty columns take some space, I set the columns to also be hidden on mobile and now there is no extra space.
Best regards,
MikeHey tcampaner,
Thank you for the link to your site and your patience, it took a few tries to create a solution that would work for mobile and desktop.
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.html_burger_menu #header_main .logo.avia-standard-logo { display: flex; justify-content: center; position: relative; float: unset; } .html_burger_menu #header_main .main_menu { top: 0px; } .html_burger_menu #header_main .main_menu { width: 100%; } .html_burger_menu #header_main .av-main-nav-wrap { float: unset; } .html_burger_menu #header_main .av-burger-menu-main.menu-item-avia-special { float: right; } .html_burger_menu #header_main .main_menu #menu-item-search a { color: #a6424a; } @media only screen and (max-width: 767px) { .responsive #top #header_main .logo { width: 100%; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
That looks correct to me, do have any pages where it is not working?Best regards,
MikeHi,
I don’t see any images on that page, please see the screenshot in the Private Content area.
Please note that not all images use the class .big-preview.single-big from your example, I was trying to show that the post class .single should be changed to .page for pages.
If you link to a page with images you want removed I can help with some css.Best regards,
MikeHey jpassmann,
Thanks for your question but I’m not sure if I understand completely, the thread title is about blank spaces, if you are having trouble adding blank spaces try disabling your plugins, and user reported that the WP Maintenance Mode & Coming Soon plugin cased this issue on their site, so perhaps this is your issue with some plugin.
As for the warning in the title field, this has been the warning for quite a while now, we recommend not adding html to title fields, some people forget to close the tags and the theme can not auto close the tags in the title field, often it breaks the page.
If you want to add a strong tag in your title field please use our plugin: Special Character Translation
If this is not what you ment, please explain further with a link to a test page or screenshots.Best regards,
MikeHey Jaro,
Is your issue related to your site language show this text in English? If so you can edit the .po file for your language with Poedit see our documentation. Poedit is easy to use and free, some language files are not as complete as others.
You can also change the text to something else in your language.
You can also change the text with javascript, by adding this code to the end of your functions.php file in Appearance ▸ Editor:function custom_contact_form_text_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('html[lang="en-US"] .avia_ajax_form.av-form-labels-visible label').text(function(index, text) { return text.replace('Please prove that you are human by solving the equation ', 'Answer this question if you are real'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_contact_form_text_script');Note that I have set the page language to English with: html[lang=”en-US”] you can remove this or change it to your language, then edit Answer this question if you are real to suit your needs.
Best regards,
MikeHey Jaro,
Is your issue related to your site language show this text in English? If so you can edit the .po file for your language with Poedit see our documentation. Poedit is easy to use and free, some language files are not as complete as others.
You can also change the text to something else in your language.
You can also change the text with javascript, by adding this code to the end of your functions.php file in Appearance ▸ Editor:function custom_contact_form_text_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('html[lang="en-US"] .avia_ajax_form.av-form-labels-visible label').text(function(index, text) { return text.replace('Please prove that you are human by solving the equation ', 'Answer this question if you are real'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_contact_form_text_script');Note that I have set the page language to English with: html[lang=”en-US”] you can remove this or change it to your language, then edit Answer this question if you are real to suit your needs.
Best regards,
MikeHey iicinfo,
In the Accordion Slider to can set a link for each slide in the advanced tab under Link Settings:

you can also choose to open a new tab.
For your link you will need to add a custom ID for the link anchor to your target page, so in your text block element go to the advanced tab and look in the Developer Settings and add your unique ID to Custom ID Attribute:

please note that IDs can not begin with a number od contain spaces.Best regards,
MikeHey ralfakerkhoff,
For pages you would use the class “.page” like this:.page .big-preview.single-big { display: none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeOctober 9, 2022 at 5:17 pm in reply to: fullscreen slider by default for blog pages with transparent glassy header #1368132Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help and thanks for sharing your steps this may help others, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad this helped, it’s because the arrows hang below the color sections over the text on mobile.
Unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
As I understand on pages like the one you linked to with no transparency, before scroll you wouls like this logo:

and after scroll you would like this logo:

Then try this css:#top #header.header-scrolled:not(.av_header_transparency) .avia-standard-logo a { width: 221px!important; height: 100px!important; background-image: url(https://enfold.webers-webdesign.de/wp-content/uploads/logo-IIC_Website_03092022-transparent.png)!important; background-repeat: no-repeat; background-size: cover; } #top #header.header-scrolled:not(.av_header_transparency) .avia-standard-logo img { visibility: hidden; }After applying the css, please clear your browser cache and check.
Please note that I didn’t know the link to both of your logo images, so please adjust the urls, but it css will work as is.Best regards,
MikeHey nV15OoBtg21iTn5z,
We could probably offer some css to have the image “cover” the space, which would remove the white space above and below on mobile, but you will lose a little on the sides, unless you want to stretch the image and don’t mind a little distorting.
Another option would be to clone the element and use an image that is just right for mobile and set the display for the two elements so they only show on the screens you wish.
If you want some help with the css, please link to your page so we can examine.Best regards,
MikeHey diefleischerei,
Thank you for your question, I assume that the code you have from Mailchimp is javascript and includes the popup script, I also assume that you want this to work on every page, in this case you could add your code to this function replacing “-your code here-” and add it all to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_mailchimp_popup_script() { ?> <script> -your code here- </script> <?php } add_action('wp_footer', 'custom_mailchimp_popup_script');if this doesn’t work then post your code so we can examine it to advise better.
Best regards,
MikeHey schweg33,
Thanks for the link to your page, you can use javascript to replace the image and link of the image element image.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:function custom_replace_image_in_image_element() { ?> <script> window.addEventListener('DOMContentLoaded', function() { var image = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 img"); var link = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 a"); var source = "https://-your-domain-/wp-content/uploads/fruher-und-heute/Restaurant-Fernsicht-1966.jpg"; image.src = source image.srcset = source link.href = source }); </script> <?php } add_action('wp_footer', 'custom_replace_image_in_image_element');Ensure that you fix the url to the image before testing, I was not sure if you wanted it posted.
You may want to resize your image to the size you wish, currently it is a different aspect so making it fit with css will stretch it.Best regards,
MikeOctober 8, 2022 at 9:29 pm in reply to: Blog soll nicht nach Ende der ersten Kategorie die zweite Kategorie weiter gehen #1368076Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts

