Hey Yaphoon,
Thank you for your patience, unfortunately the Enfold contact form doesn’t include these features, it is only meant to be a basic contact form, typically we recommend contact form 7 for features like this. I believe contact form 7 has it’s own CAPTCHA.

Best regards,
Mike

Hey Stefan,
Thank you for your question, Safari and Chrome do not allow videos to automatically play, while there are some hacks and plugins that try to bypass this the browsers continue to try to block this.
So you could try a plugin or perhaps the layerslider, but there is a good chance in the future this will not work.

Best regards,
Mike

Hi,
Thank you for the link to your site, I was note able to login but looking at your source code it looks like the plugin’s css is already using !important which is why you are having trouble overriding it.

.wsc-left-section-img>img{
	vertical-align:middle;
	height:48px!important;
	max-height:48px!important;
	max-width:48px!important;
	object-fit:contain!important;
}

Try this css in your child theme style.css:

#top>.wsc-main>.wsc-wrapper>.wsc-left-div>.wsc-left-section-img>img {
height: 50px !important;
max-height: 50px !important;
max-width: 75px !important;
}

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

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, the Dev Team is still reviewing your other issue and will reply when we hear back.
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

Hi,
Thanks for the link to your page and adding the custom ID container-special-design
I see that your element doesn’t show until 768px (tablet) but at that view the side margin and padding makes it look narrow until 1440px, I also see the gap below it.
So please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 767px) and (max-width: 1440px) { 
	#container-special-design,
	.responsive #container-special-design>.container {
		padding: 0;
		margin: 0;
		width: 99%;
		max-height: 1800px;
	}
}
@media only screen and (min-width: 1441px) { 
	#container-special-design,
	.responsive #container-special-design>.container {
		padding: 0;
		max-height: 1800px;
	}
}

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

Best regards,
Mike

Hey grafxwork,
Thank you for the link to your site and telling us that you are using OVH hosting, recently we had another user on OVH hosting that couldn’t install a demo and it turns out that OVH hosting disabled the set_time_limit() function along with a negative value for Max input time,
I have checked your site and it also has these server issues, perhaps you can ask OVH hosting to correct, but the last user had to move to another web host that allowed for standard PHP settings.
You can read this thread here.

Best regards,
Mike

Hey nasi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.mfp-container button.mfp-arrow {
	display: none;
}
.mfp-container img.mfp-img {
	pointer-events: none;
}
#top .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: default;
}
.mfp-bottom-bar .mfp-counter {
	display: none;
}

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

Best regards,
Mike

Hey Arsène,
Thank you for your patience, as you know the masonry element will display the price range for variable products, but it can not change or calculate the prices, this must be done in woocommerce, perhaps the plugin WooCommerce Price Per Unit would help.
But I don’t believe that you are going to be able to sort by the product price in the masonry element.
If you have already been able to setup your product with a variable price per gram and only need for the ” /g” to show in the masonry element

this can be done because the variable product in the masonry element includes the category, for example: product_cat-tshirts
so this script would add the ” /g” to the price:

function custom_script() { ?>
    <script>
(function($){
$(".av-masonry-entry.product_cat-tshirts.product-type-variable .woocommerce-Price-amount bdi").each(function() {
   $(this).append(' /g');
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hey fkm,
Thank you for your patience and the link to your page, I’m not sure why this is occuring, but this seems to correct, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.avia-post-nav.avia-post-prev .entry-info-wrap {
	    width: 240px;
	    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
        animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

.avia-post-nav.avia-post-prev:hover .entry-info-wrap {
	visibility: visible;
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}    

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

Best regards,
Mike

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

Hi,
Glad to hear that you have this sorted out, 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

Hi,
Merci pour la connexion, mais je n’ai pas trouvé où vous affichez votre élément de produit de maçonnerie, veuillez inclure un lien vers la page.
Je vois un élément de maçonnerie sur votre page d’accueil, mais ce n’est pas pour les produits.
Dans votre capture d’écran pour le tri maçonnerie, veuillez noter comment les règles sont estompées, cela signifie qu’elles ne sont pas actives

vous avez probablement besoin de plus de spécificité mais j’aurais besoin de voir l’élément à vérifier et je ne l’ai pas trouvé, mais allons travailler sur l’effet de survol de la souris pour le produit de maçonnerie en premier.

— Translated with Google —

Thank you for the login, but I couldn’t find where you are displaying your masonry product element, please include a link to the page.
I do see a masonry element on your homepage but it is not for products.
In your screenshot for the masonry sort, please note how the rules are faded, this means that they are not active

you probably need more specificity but I would need to see the element to check and I couldn’t find it, but lets work on the mouse-over effect for the masonry product first.

Best regards,
Mike

Hi,
Glad this helps, to include the text fields try updating to this css:

#top #main input[type='submit'].button,
#top #main input[type='text'] {
    background-color: transparent;
    color: #3c5c85;
    border: 1px solid #ae883d;
}

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

Best regards,
Mike

Hey rkshorty,
Thanks for the code but in my test I get the error OPWIDGET is not defined I tried to research on the openpetition.de site but couldn’t find a code example, are you sure this code is correct?

<script src="https://www.openpetition.de/javascript/widget.js"></script>
<noscript>Bitte aktivieren Sie JavaScript und laden die Seite neu.</noscript>
<script>
var OPWIDGET = {
"base_url": "https://www.openpetition.de",
"api_key": "3864e7409744603ac4147f7756deac6fcdee2be45a4c7d2deb6efa43591168f7",
"options": {
"primarycolor": "#e07d28", 
"secondarycolor": "#6c6c6c",
"backgroundcolor": "#ffffff",
"mainfontsize": "12px",
"language": "de_DE.utf8"
}
};
</script>

Best regards,
Mike

Hi,
Please try this css:

#top #main input[type='submit'].button {
    background-color: transparent;
    color: #3c5c85;
    border: 1px solid #ae883d;
}

homepage results:

contact page results:

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

Best regards,
Mike