Hi,
Sorry for the late reply, I did not figure out why this is not working, I’m sure the css is correct with the proper “-moz-” prefixes, so I tried changing it to jQuery and now it works in Chrome and Firefox.
To test this, please add a code block element to your page and place this code inside:

<script>
(function($){
$(document).ready(function () {
    $('.btn2 a.avia-button').css({
     'color': 'rgba(255,255,255,0.9)', 
     'border-radius': '50px', 
     'background': 'linear-gradient(-45deg, #FFA63D, #FF3D77, #338AFF, #3CF0C5)',
     'border-color': 'transparent', 
     'background-size': '600%', 
     'animation': 'anime 16s linear infinite' 
})

});
})(jQuery);
</script>
<style>
 @keyframes anime {
   0% {
     background-position: 0% 50%;}
   50% {
     background-position: 100% 50%;}
   100% {
     background-position: 0% 50%;}
}
</style>

We could make this code global, but first, test it on one page to see if it’s also working for you.

If you would like to test this on a new page, please Enable Avia Layout Builder Debugger which will add a new text field below the Advanced Layout Builder, and then add the page shortcode in the link below, then save the page.
https://www.dropbox.com/s/641pwwo7eukd5ts/gradient_button_shortcode.txt?dl=0

Best regards,
Mike

Hi,
Glad we were able to help, 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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#footer .widget p,#footer .widget h3,#footer .widget a,#socket .copyright {
	font-weight: 400 !important; 
}

Best regards,
Mike

Hi,
Glad we were able to help, 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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey PIW,
Sorry for the late reply, I’m not sure about the character, but with a admin login in the Private Content area we could take a closer look.
To correct your menu icons please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#avia-menu .avia-menu-text .av_font_icon {
    display: inline !important; 
    float: none !important; 
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the screenshot, this helps. The 40px you put in the text block element is for paragraph text, the H2 already has a font size assigned in the base.css and has more specificity than the size you entered there.
If you used the special heading element with h2 picked as the heading you would have the 40px, or any size you wish on a per case basis, or if you added the “font-size” back into the css as before you would have all single post H2’s the same size.
Or you could add a “span” font-size in the code view of the text block and have that one H2 40px.
Please let us know if you would like to see an example of this.

Best regards,
Mike

Hi,
Sorry, I had saved a copy of your WordPress > Customize > Additional CSS
please see the link below for the css that was there if you want it, but I think that the end of your post says it’s fixed now?
https://www.dropbox.com/s/k6tm2x3p6b4rh5x/test.css?dl=0

Best regards,
Mike

Hi Daniel,
Your idea for using an in-code identifier for the category “dab compatible” this time clicked with me and I looked at the checkbox for “dab compatible”, so this function checks to see if the checkbox is checked, and the product is from the category “bonji-dab” and then applies the opacity.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_dab_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  	if ($('input[type=checkbox][name=bonji-dab]').prop('checked')) {
    $(".post-type-archive-product .product_cat-bonji-dab .avia-product-hover").css({ 'opacity': '1' });
} else {
}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_dab_script');

Please ensure the other function above that starts with “function custom_dab_script()” is remove, otherwise you will get an error, or crash, because the names of functions must be unique in your functions.php.

Best regards,
Mike

Hi,
Glad we were able to help, 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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad to hear, and thanks for sharing your solution. We will leave this open until we hear back from you.

Best regards,
Mike

Hi,
Thank you for the feedback, when I check your site I see the caption font is already Gilroy-Bold when inactive, so this css changes the inactive font and adds the hover font:

#top .av-masonry:hover figcaption h3.av-masonry-entry-title {
    font-family: Gilroy-Bold !important; 
font-size: 16pt !important; 
}
#top .av-masonry figcaption h3.av-masonry-entry-title {
    font-family: Gilroy-Semibold !important; 
font-size: 16pt !important;
}

But this makes the inactive font thinner, if you just wanted the font to be heavier on hover then try this css instead:

#top .av-masonry:hover figcaption h3.av-masonry-entry-title {
    font-weight: bolder !important; 
font-size: 16pt !important;
}

Best regards,
Mike

Hi,
Glad to hear this helped, shall we try to investigate the menu?

Best regards,
Mike

Hi,
Glad to hear, I found the top row has bottom margin on the heading, please include this css to remove:

#top #termine.main_color .avia-table.avia-table-4 tr.avia-heading-row th h3 {
    margin: 0 !important; 
}

Best regards,
Mike

Hi,
To add a custom class to the table please ensure that the option is enabled at: Enfold Theme Options > Layout Builder > Show element options for developers this will add the “custom css class” field to the table element:

For this example we will add the class “table_one”, note that we don’t include the dot.
Then we will adjust the css like this:

@media only screen and (max-width: 767px) { 
.table_one.avia-table td:before {
	display: none !important;
}
.table_one.avia-data-table tr:first-child th {
    display: block !important;
}
}

Please give this a try.

Best regards,
Mike

Hi,
Glad to hear you will ask your web host if this will cause any issues with your server spam filters, I just thought I should point this out when I came across it in my research. As for the truncation in the ‘From’ field, I don’t know why this is, but you will see above that I pointed this out when I posted the code above, so I look forward to seeing the solution also to see where my error was.
It may take some time to hear back as we are all in different countries and different time zomes, Thank you for your patience.

Best regards,
Mike