Hi,
To use theme buttons as the popup trigger, first be sure the button link is set to manual and the link is “#test-popup” or the same ID as your box.
Then add a custom class to your button “pu-link”

this option is added at: Enfold Theme Options > Layout Builder > Show element options for developers
Then in your script you will need to add:

jQuery('.pu-link a').addClass('open-popup-link');

like this:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
       jQuery('.pu-link a').addClass('open-popup-link');
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Best regards,
Mike

Hi,
This is because when you add a class using the developers field, the class is added to the div and not the items inside.
So in this case your css would be like this:

.tagline h1 {
letter-spacing: 15px !important;
}

Best regards,
Mike

Hi,
Sorry, I’m not sure I understand, if you want to set up a admin account for us, then please follow these steps:
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hi,
Glad this is sorted out, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey jj_delaney,
I took a look at your page and found a mailchimp form at the bottom that was centered, but I didn’t find the class “td-mailchimp-special” anywhere on the page. The centered form has the class “td-newslettersignup”
Has this been resolved, or is there another form you need help with?

Best regards,
Mike

Hi,
Glad Jordan could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
When you add a css class to an element should write “tagline” with no dot, that is probably the issue.
I added “letter-spacing: 50px !important;” to your “coming soon” on your site & it worked fine:

Best regards,
Mike

Hi,
I see this now going back to your site, but this is not how I left it, when I do a hard refresh, clearing my browser cache this lag doesn’t occur. Please see the video in the private content area.
So seeing that you are on WPengine, and my results after clearing my cache, I assume that this is a server caching issue.
Please try a hard refresh to see if you get the same results as my video.

Best regards,
Mike

Hey educatedathlete,
Please include a link to your site so we can see how your tagline is used and which demo you are using, if any.
Many of the demos do not display the tagline, so it would be helpful to see your site to assist.

Best regards,
Mike

Hi,
Glad Victoria could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hey enz_johan,
We can assist with the colors with some custom css. Please include a link to your page and describe what colors you would like.

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
I took a look at your bordered menu item and your css and found that it had a transition on line 60 in your child theme style.css:

#header .avia-button, #header .av-menu-button > a .avia-menu-text {
	border-color: #ff7337 !important;
	color: #ff7337 !important;
	transition: .6s !important;
	font-family: montserrat !important;
	opacity: 1 !important;
}

I changed the transition to zero. Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for pointing out about the “a”
Ok so I removed the css in your Quick CSS:

p, h1, h2, h3, h4, h5, h6 {
font-family: 'didact gothic' !important; 
}

and now your page looks correct.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Vielen Dank für das Bild, ich verstehe es besser, weil Google Translate nicht 100% ist.
Von dem, was ich sehe, möchten Sie, dass die Produktbeschreibung unter den Produktbildern und Produktpreisoptionen volle Breite hat.
Ich kann dies mit etwas Javascript & CSS erstellen, siehe Screenshot im Bereich Privater Inhalt.

function custom_product_page(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery( '.template-shop' ).each(function() {
jQuery( this ).find( '.woocommerce-tabs.wc-tabs-wrapper' ).insertAfter( jQuery(this).find('.single-product-summary') );
});
});
</script>
  <?php
  }
  add_action('wp_footer', 'custom_product_page');

.wp-video {
    height: -webkit-fill-available !important; 
}
#top .mejs-container {
    height: -webkit-fill-available !important; 
    max-height: 100% !important; 
}

Die Verwendung des erweiterten Layout-Builders zum Erstellen von Produktseiten ist begrenzt, aber ein Benutzer hat ein Plug-in erstellt, das Sie möglicherweise sehr hilfreich finden: Benutzerdefinierte Enfold Layout Builder Elemente fügt viele Woocommerce-Elemente hinzu.

— Translated with Google —

Thank you for the image, I understand it better because Google Translate is not 100%.
From what I see you would like the product description to be full width under the product images and product price options.
I can create this with some javascript & css, Please see the screenshot in Private Content area.

function custom_product_page(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery( '.template-shop' ).each(function() {
jQuery( this ).find( '.woocommerce-tabs.wc-tabs-wrapper' ).insertAfter( jQuery(this).find('.single-product-summary') );
});
});
</script>
  <?php
  }
  add_action('wp_footer', 'custom_product_page');

.wp-video {
    height: -webkit-fill-available !important; 
}
#top .mejs-container {
    height: -webkit-fill-available !important; 
    max-height: 100% !important; 
}

Using the advanced layout builder to create product pages is limited, but one user has created a plugin that you may find very helpful: Custom Enfold Layout Builder Elements it adds many woocommerce elements.

Best regards,
Mike