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,
Mike

Hi,

Thank you for the update.

You can use this filter to change the placeholder and label values of the order comments field.

function avf_custom_woocommerce_checkout_fields( $fields ) 
{
    $fields['order']['order_comments']['placeholder'] = 'Commentaires concernant votre commande: ex. informations ou demandes spéciales concernant votre visite guidées';
    $fields['order']['order_comments']['label'] = 'Notes de commande (facultatif)';

    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'avf_custom_woocommerce_checkout_fields' );

Best regards,
Ismael

Hi,

Thanks for the info @guenni007.

The issue does not occur on our installation, so this is more likely an issue with a plugin or a custom script. We also noticed that when typing anything in any textarea or input fields (in a code block for example), a period or a dot is automatically appended to the text, which seems to be an autocomplete response or behavior.

Have you tried disabling the plugins temporarily? Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

You can enable the Cookie Handling > Modal Window Custom Content option and manually create a link to an external URL in one of the Tab Content fields.

Example:

<a href="https://external-site.com" target="_blank">Privacy Link</a>

Best regards,
Ismael

Hi,
Thank you for the feedback, I examined closer on my demo site and found that by entering the image URL directly the WordPress media library meta fields are not called like they are when a gallery element is, so I don’t see a way to get the title from the link.
But the following script will allow you to add specific titles to each hotspot and show it in the lightbox.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_hotspot_title_script() { ?>
  <script>
(function($){
$('.av-image-hotspot-1 a').attr('title','hotspot-1');
$('.av-image-hotspot-2 a').attr('title','hotspot-2');
$('.av-image-hotspot-3 a').attr('title','hotspot-3');
$('.av-image-hotspot-4 a').attr('title','hotspot-4');
$('.av-image-hotspot-5 a').attr('title','hotspot-5');
$('.av-image-hotspot-6 a').attr('title','hotspot-6');
$('.av-image-hotspot-7 a').attr('title','hotspot-7');
$('.av-image-hotspot-8 a').attr('title','hotspot-8');
$('.av-image-hotspot a').magnificPopup({ 
    type: 'image',
    image: {
        titleSrc: 'title' 
    }
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_hotspot_title_script');

and adjust the titles to suit, for example for hotspot 1, change $('.av-image-hotspot-1 a').attr('title','hotspot-1'); to $('.av-image-hotspot-1 a').attr('title','custom title for hotspot 1');
I assume that this is your only hotspot element on your site, if not them we can make this script work on this one page only by adding page IDs to it.

Best regards,
Mike

Hey engage24,
Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

  #footer .avia-mailchimp-form fieldset {
  display: flex; 
  flex-wrap: wrap; 
  }
  #footer .avia-mailchimp-form #element_avia_1_1 {
      order: 1; 
  }
  #footer .avia-mailchimp-form #element_avia_2_1 {
      order: 2; 
  }
  #footer .avia-mailchimp-form #element_avia_0_1 {
      order: 3; 
  }
  #footer .avia-mailchimp-form .form_element:not([id*='element_avia_'])  {
      order: 4; 
  }

After applying the css, please clear your browser cache and check.
The expected results:

Best regards,
Mike

Hey koomo,
Thanks for the link to your page, from what I see the Select People is given the background color by the plugin when the toggle is opened, this seems to be the correct behavior, but if you want to remove it try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.yith-booking--simple-style .yith-wcbk-people-selector--opened .yith-wcbk-people-selector__totals {
    background: none !important;
    color: #484848;
}

to show the dropdown selections try this css:

.yith-wcbk-people-selector--opened .yith-wcbk-people-selector__fields-container {
    position: relative;
}

After applying the css, please clear your browser cache and check.
the expected results:

Best regards,
Mike

Hey JKnoblach,
Thank you for your patience and for the link to your page, it looks like you are using the masonry element and showing portfolio items. We don’t have a default way to add logo images over the masonry item on hover but I was able to find a way to do this for this situation using images, but it may not work with SVG’s because you will need to use image element shortcodes. I imagine you could create custom SVG shortcodes ad use them, but you can’t use html in the excerpts.
For this example we will create an image shortcode using the shortcode wand and paste that shortcode in to the portfolio item manual excerpt field.
Then in the masonry element we will choose to show the excerpt only instead of the title that you are now showing and add this css into the WordPress ▸ Customize ▸ Additional CSS field:

.av-masonry-entry-content .avia-image-container img {
height: 100px;
width: 100px;
}

this css assumes that your logo image is 100px square, feel free to adjust to the size you wish to show.
Then in order to show the shortcode from the excerpt you will need to install the plugin Shortcodes Anywhere or Everywhere and choose the setting In Post/Page Custom Fields

The expected result:

I linked to my example page below, please give this a try.

Best regards,
Mike

Hey Kren,

Thank you for the inquiry.

The fields in the checkout page should have borders by default. Did you add any custom css in the site? Please post the site URL in the private field so that we can check the checkout page properly.

Best regards,
Ismael

Hi,
Thank you for your patience and for the login, I will try to help you customize your plugin ARG MultiStep Checkout for WooCommerce, although this is not a third party plugin that we support.
for the width of your fields in the steps please try this css

.argmc-wrapper .argmc-form-steps {
    padding-left: 0;
    padding-right: 0;
}
.argmc-order-step, .argmc-payment-step, .argmc-order-payment-step, .argmc-order-review-step {
    max-width: 100%;
}
.woocommerce-shipping-totals.shipping th {
	width: 50px;
}

I’m not sure what you are finding wrong with the payment box in step two or three, but these boxes are styled from the plugin and will not look like our demo, I didn’t see anything out of line please see the screenshots in the Private Content area. If there was something small to adjust I would be able to assist, but I can’t re-write the plugin to look like our demo.
The English words Customer Details, Billing Address, & Shipping Address are also from the plugin:

so while I could write a script to change these, I would first suggest that you ask the plugin author for their solution as I imagine they must have dealt with this before.
I’m not sure what you mean by the “my account” fields should look like the log in / register, try explaining with some screenshots.

Best regards,
Mike

Hi,

Thank you for the update.

Did you specify a custom autoresponder text in the Content > Backend > Autorespond Text field? The fields will not be included in the autoresponder email if a custom text is specified.

Best regards,
Ismael

Hi,

Thank you for the update.

Which file should I modify to display them?

You may need to modify the includes > loop-index.php file if you want the custom fields to display on the single post page.

Best regards,
Ismael

Hey peterolle,

Thank you for the inquiry.

Where are you displaying the custom fields? Did you modify a template to display them? You should probably add the conditional tags around those modifications. This documentation should help.

// https://developer.wordpress.org/reference/functions/has_category/

Example:

if( has_category("dog"), get_the_ID() ) {
   // echo custom field
}

In the code above, the custom field will only display if the post has the category “dog”.

Best regards,
Ismael

Hey UFreeman,

1. Question: In the mobile version of my site, empty fields appear above the paragraphs. I know the fields are the layout elements that I use to break up the page and then populate it with content — on the web version it looks as intended, on the mobile version you can see it as an empty field above the content. How do I stop this display in the mobile version?

I believe that you want to hide three empty white boxes on your page for mobile, please see the screenshot in the Private Content area. These seem to be custom div’s in text block elements and all have the same ID so adding this css to your Quick CSS in the theme option will hide them all on mobile:

@media only screen and (max-width: 767px) { 
#simple-translate {
	display: none;
}
}

After applying the css, please clear your browser cache and check.

2. I want to include an up button that appears in the bottom right corner as you start scrolling down and brings you back to the top (like here in the forum, default). All earlier questions about this here send you to a place in the theme options that doesn’t exist for me or that maybe have a completely different name.

To show the “scroll to the top” button on mobile add this css to your Quick CSS in the theme option

@media only screen and (max-width: 767px) {
.responsive #top #scroll-top-link {
    display: block;
}
}

again after applying the css, please clear your browser cache and check.

Best regards,
Mike