Forum Replies Created
-
AuthorPosts
-
Hey swotes,
Please try using the gallery element and add a screenshot for each PDF you want in the gallery, then add the link to the PDF in the custom link field:

Then in the advanced tab Use Custom Link in the link setting:

Now the image of the PDF will show in the gallery and clicking on it will open the PDF.Best regards,
MikeHi,
Please link to the “Sortiment” page, I didn’t find it in your pages or portfolio items.Best regards,
MikeSeptember 22, 2022 at 1:08 pm in reply to: Enfold / Woocommerce: square images and image size #1365977Hi,
Unfortunately not with your current thumbnails because they are cropped, the thumbnail image you see is the whole image.
Please see the direct image link to the thumbnail below, you will see what I mean.
I don’t see any other solution but to create square new images.Best regards,
MikeSeptember 21, 2022 at 7:19 pm in reply to: Enfold / Woocommerce: square images and image size #1365906Hi,
Since your image is a portrait layout and looks like it is twice as tall as it is wide, I believe you will find your best results will be if you make your original image square and then upload it, your new thumbnails will then show the full product. Woocommerce images work better if they are square since the div is also square.Best regards,
MikeSeptember 21, 2022 at 7:06 pm in reply to: Increase the quality of the images (image list) in the Ajax portfolio preview #1365900Hi,
Glad to hear, 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,
MikeSeptember 21, 2022 at 1:04 pm in reply to: Masonry Gallery – Different amounts of images in each column #1365833Hey engage24,
Thanks for the link to your site, I saw your draft homepage with the masonry gallery you are using Perfect Automatic Masonry where very wide images get twice the width and very high images get twice the height, this is the correct setting to achieve your mockup, I added another square image and moved the other images around to achieve the 3-2-3 layout. I also placed the masonry gallery in a full width column with 9% padding on the right and left to match your mockup.
Please check the draft home page and adjust the images to suit.Best regards,
MikeHi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
If the message in the backend then you probably need to follow our documentation to connect Google Maps with you API Key.
Google requires you to enable billing for the API key to work with a credit card, try to create a new unrestricted API key.
Check the Troubleshooting section of our documentation.
If this doesn’t correct please include admin login in the Private Content area so we can investigate.
When you are logged out do you see that the Google Maps is working correctly like in my screenshot above?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,
When I test by injecting the css it works, please see the screenshot in the Private Content area.
Try this code in the WordPress ▸ Customize ▸ Additional CSS field
After applying the css, please clear your browser cache and check.#top .av-section-tab-title .av-tab-section-icon, #top .av-section-tab-title .av-outer-tab-title, #top .av-section-tab-title .av-inner-tab-title, #top .av-section-tab-title .av-tab-arrow-container { width: 200px; } #top .av-section-tab-title { padding: 0; }Best regards,
MikeHi,
Please try this css:
main_color .avia-gallery-big, .main_color .avia-gallery-big { background-color: orange; border-color: red; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Perhaps your server is also caching, I add the css to WordPress ▸ Customize ▸ Additional CSS field and it is now working, please clear your browser cache and check.Best regards,
MikeHi,
In your form you have the labels hidden with the Hide Form Labels option in the style tab, thus the fields use a placeholder to label the fields:

the placeholder option for the multi select section is to add “disabled” so the option is not selectable as in my solution above:

this keeps the form consist with no labels above the fields.
In your shortcode you have added a text field to act as a label above the multi select section:

I didn’t realize that you wanted a label above this only section, so I recommend removing your text section and adding the text to the Form Element Label:

and adding this css:.avia_ajax_form.av-form-labels-hidden label[for="avia_3_1"] { position: unset; } .avia_ajax_form.av-form-labels-hidden #avia_3_1 option:first-child { display:none; }which will show the label for this one field:

I added a link to a new test page below, this is the updated shortcode from your last post:[av_contact title='' button='Senden' on_send='' sent='Ihre Nachricht wurde versendet!' link='manually,http://' captcha='active' captcha_theme='light' captcha_size='normal' captcha_score='0.5' email='info@.......de' from_email='' subject='' autoresponder_email='info@......de' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='' heading_tag='' heading_class='' alb_description='' id='' custom_class='kursformular' template_class='' aria_label='' av_uid='av-l59y6d3l-6' sc_version='1.0' admin_preview_bg=''] [av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-19lvsfd-5' sc_version='1.0'][/av_contact_field] [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-35sn6x-4' sc_version='1.0'][/av_contact_field] [av_contact_field type='select' label='Für welchen Kurs möchten Sie anfragen?' options='Ohne Geige geht es nicht,Streichen lernen / 22.10.2022' multi_select='aviaTBaviaTBmulti_select' check='' element_display='' width='' headline_tag='h3' av_uid='av-l5e3okhn-3' sc_version='1.0'][/av_contact_field] [av_contact_field type='text' label='Anzahl der Personen?' options='' check='is_number' element_display='' width='' headline_tag='h3' av_uid='av-l59y48df-2' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field] [av_contact_field type='textarea' label='Anmerkung' options='' check='' element_display='' width='' headline_tag='h3' av_uid='av-l59y4xcu-1' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field] [/av_contact]As for your question about the text: “Bitte löse die Gleichung. Diese Maßnahme dient der Abwehr von Spam” (my English translation is: Please solve the equation. This measure serves to protect against spam)
I only see the text: Please prove that you are human by solving the equation *
I’m not sure if it is the same text and your is German, or if your text is added somewhere else, but when the Hide Form Labels option in the style tab is used no text is shown:

if labels are shown it is like this:

if you are seeing something different the check your customizations or Enfold Theme Options ▸ Privacy and Cookies ▸ Append a privacy policy message to template builder contact forms?

Best regards,
MikeHi,
Thanks for your question, I created a test page based on @Guenni007’s instructions and replaced the button element with a text block element with a text link:

note the class: bio-link

then I changed the script to look for the text link instead of the button:function link_for_biography(){ ?> <script> window.addEventListener("DOMContentLoaded", function () { (function($) { $('#people').each(function(){ var that = this; $('.flex_column', this).each(function(i){ if($(this).find('.mfp-hide').length){ $(this).find('.bio-link').attr('href','#bio-'+(i+1)).addClass('no-scroll'); $(this).find('.avia_image').attr('href','#bio-'+(i+1)).addClass('no-scroll'); $(this).find('.mfp-hide').attr('id','bio-'+(i+1)).addClass('white-popup'); } }); }); $('#people .flex_column').find('a[href^="#bio-"]').magnificPopup({ type:'inline', midClick: true, removalDelay: 500, mainClass: 'avia-popup mfp-fade people', gallery: { enabled:true, }, }); $('#people .flex_column').find('.avia_image[href^="#bio-"]').magnificPopup({ type:'inline', midClick: true, removalDelay: 500, mainClass: 'avia-popup mfp-fade people', gallery: { enabled:true, }, }); })(jQuery); }); </script> <?php } add_action( 'wp_footer', 'link_for_biography');Please give this a try
Best regards,
MikeHi,
The issue you were having was due to the Smush lazy loading, I have disabled it for you and now the sliders are working correctly.
Smush is aware of this issue from other Smush Pro users in our forum, and said they are looking into it, unfortunately, we can not fix this from within the theme.
Smush is also aware that their page, class, and ID exclusion doesn’t work, otherwise we could have just excluded the slider.
Please note that the theme has lazy loading built-in at Enfold Theme Options ▸ Performance ▸ Responsive Images And Lazy Loading so you still have lazy loading without the plugin.Please clear your browser cache and check.
Best regards,
MikeHi,
Try this CSS:@media only screen and (min-width: 1050px) { #avia-menu #menu-item-8282 { padding-left: 18%; } }After applying the css, please clear your browser cache and check.
A screenshot of the expected results are in the Private Content area below.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,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script_change_nav_role() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function ($) { $("nav").attr('role','menu' ); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_script_change_nav_role');Best regards,
MikeSeptember 19, 2022 at 12:51 pm in reply to: Countdown clock – javascript for custom countdown text not working #1365533Hi,
Typically their cache has been cleared by it’s time limit, you should not worry about this.
Your cache is different because you are working on it everyday.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Glad this helped, yes our main office is in Austria and the Dev Team speaks German, typically we have had a German speaking support member but not right now.
Our support team is all remote in different parts of the world. Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Glad this helped, I didn’t find a lightbox on your site but I believe that you mean pages like the one linked below, in this case try this css:.single-portfolio .title_container .main-title, .single-portfolio .title_container .breadcrumb{ display:none; }After applying the css, please clear your browser cache and check.
If this is not correct, please link directly to your page so we can check.Best regards,
MikeHi,
Thanks for the login, this is the css I added:@media only screen and (max-width: 1024px) { #full_slider_1 .avia-slideshow-1 { min-height: 500px; } .avia-slide-wrap > img { object-fit: cover; width: 100%; height: 500px; } }this is the updated script:
function equal_slider_height() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { var width = $(window).width(); if ((width >= 767)) { $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-1').each(function(index){ $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-2').find('img').eq(index).css('height', $(this).css('height')); $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-3').find('img').eq(index).css('height', $(this).css('height')); }); } else {} })(jQuery); }); </script> <?php } add_action('wp_footer', 'equal_slider_height');please clear your browser cache and check.
Best regards,
MikeHi,
Glad to help, apparently there is a conflict with the plugin.
I believe there was an update issue with your version.
To update your version of Enfold you will need to download the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
MikeHi,
Try this shortcode:[av_contact title='' button='Senden' on_send='' sent='Ihre Nachricht wurde versendet!' link='manually,http://' captcha='active' captcha_theme='light' captcha_size='normal' captcha_score='0.5' email='info@.......de' from_email='' subject='' autoresponder_email='info@......de' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='' heading_tag='' heading_class='' alb_description='' id='' custom_class='kursformular' template_class='' aria_label='' av_uid='av-l59y6d3l' sc_version='1.0' admin_preview_bg=''] [av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-19lvsfd' sc_version='1.0'][/av_contact_field] [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-35sn6x' sc_version='1.0'][/av_contact_field] [av_contact_field type='select' label='Für welchen Kurs möchten Sie anfragen?' options='Ohne Geige geht es nicht,Streichen lernen / 22.10.2022' multi_select='aviaTBaviaTBmulti_select' check='' element_display='' width='' headline_tag='h3' av_uid='av-l5e3okhn' sc_version='1.0' av_contact_preselect=''][/av_contact_field] [av_contact_field type='text' label='Anzahl der Personen?' options='' check='is_number' element_display='' width='' headline_tag='h3' av_uid='av-l59y48df' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field] [av_contact_field type='textarea' label='Anmerkung' options='' check='' element_display='' width='' headline_tag='h3' av_uid='av-l59y4xcu' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field] [/av_contact]Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function add_disabled_to_multi_select_when_form_labels_hidden() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.avia_ajax_form.av-form-labels-hidden .av-multi-select option:first-child').prop("disabled", true); })(jQuery); }); </script> <?php } add_action('wp_footer', 'add_disabled_to_multi_select_when_form_labels_hidden');The result is the multi-select label is not clickable:

Best regards,
MikeHi,
Thanks, I found the problem was your WP Maintenance Mode & Coming Soon I deactivated it and now all is fine :)
I also noticed that you are using Enfold v4.9.2.3 I recommend updating to v5.1.2, I don’t know if it has something to do with the error, but you should anyways.Best regards,
MikeHi,
Thanks for the feedback, try this css:#avia-menu { width: 60%; float: right; } #header_main .main_menu ul:first-child > li a { height: 59px !important; line-height: 59px !important; }I added a screenshot of the expected results below.
Best regards,
MikeHi,
Thanks, I don’t see any words that are missing a space, but I only read English, please point out where the error is, perhaps a screenshot would help.Best regards,
Mike -
AuthorPosts


