Forum Replies Created
-
AuthorPosts
-
Hi,
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,
MikeHi,
Please check the login details, does the user name start with a capital letter?
does the password start and end with dashes?
It seems I only have two more tries.Best regards,
MikeHi,
I copied the page for you and made a few changes and then changed back, your page now shows 4 revisions, please clear your browser cache and check.Best regards,
MikeHey formwild,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#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; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Odd, can you create a test page and include an admin login in the private content area so we can take a closer look.
For the basic space between words, I’m not finding an element with this issue on my demo site.Best regards,
MikeHey Tobispirit,
I believe that you are referring to multiple spaces or consecutive whitespaces, this is actually the browser following the HTML specification. Please see this article for further detail.Best regards,
MikeHey evas49,
Thanks for the ALB shortcode, but it is for a masonry element (not gallery), and your css works for it:.av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 3em !important;}naturally, I had to remove the page ID.
But the title of this thread is for a masonry gallery, so for a masonry gallery you would use this css:.av-masonry-entry .av-masonry-entry-title { font-size: 3em !important;}I have tested it and it works for both the masonry gallery, and the masonry (not gallery).
Best regards,
MikeSeptember 18, 2022 at 12:17 pm in reply to: uber suggest shows "page Blocked" (NoFollow-Attribut) #1365393Hi,
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,
MikeHey David Falck,
Thank you for your question, we don’t build websites, we create the WordPress Theme Enfold so you can build your own website. Our theme is Multi-Purpose with many built-in Demos and a Support Forum for your questions and to help.
If you would rather have help to build your site, Think Jarvis has used Enfold to build some great websites with hosting.Best regards,
MikeHi,
This is because your first color section after the slider is using the Scroll Down Arrow:

and on mobile it’s background is a diamond shape that is over the words: LE VITRAIL: UNE FENÊTRE SUR L’AU-DELÀ making it look broken:

you should disable this because it is nearly half way down the page and doesn’t make sense to use it there.Best regards,
MikeHi,
Thank you for the login to your site, I see that you were able to change the logo and homepage of your site.
When you imported the Enfold Creative Studio demo it created many of the demo pages on your site, including the homepage that you would like to emulate. I linked to it below for you.
You can check out the diagonal section elements to see how they were created and add them to your current homepage, or you can edit the demo homepage with your content and make it your new homepage in the theme options when you are done.Best regards,
Mike -
AuthorPosts



