Hi,
Try this code in the General Styling > Quick CSS field:

.image-overlay {
background-color: #d63e2d !important;
opacity: 0.7 !important;
}
.image-overlay-inside {
display:none !important;
}

adjust color and opacity to suit. If you want this to only work on some pages, please let us know which ones so we can adjust the code for you.

Best regards,
Mike

Hey kasia80,
I would recommend a two stage approach, the first stage is to create a sub-domain on your webhost and install WordPress to be able to work on the new site. If you make your sub-domain “stagging” your url to work on the site would be “stagging.yourdomain.se” and it will not interfere with the main site. Here is a good step by step video: https://youtu.be/cJBKQvRvPeo
Now that you have your wordpress site running you can login and go to Dashboard > Appearance > Themes and click the “add new” button at the top of the screen. When asked for the file choose your enfold.zip inside the theme forest zip you downloaded. After you should also install the Enfold Child theme called enfold-child.zip Read about using a Child Theme and then active the child theme, it uses the Enfold theme, but allows you to save any special customizations after any theme updates.
Now you can start creating, here are some great videos to get you started: https://kriesi.at/documentation/enfold/videos/

When you are done, you can go to stage two, which will be to install WordPress on your main domain, much like before but you use your root folder when installing.
Then you can use the plugin called all-in-one-wp-migration to copy your stagging site to your main site, it’s very easy. Here’s a
All-in-One WP Migration tutorial
And that’s it. This may seem like a lot but it’s very easy, and if your have questions we will be happy to help.

Best regards,
Mike

Hey Ghallab,
In that case the grid row element is being used, each cell has the option to have a background image.
To import pages or sections from one of the demos to your working site without affecting your settings you can create a localhost site and import the demo. Then Enable Avia Layout Builder Debug and copy the shortcode from one page or site to another. Let us know if you would like advice on how to create a localhost on your computer, we will need to know what OS you are using.

Best regards,
Mike

Hey mwaxman1,
Try this code in the General Styling > Quick CSS field:

.html_entry_id_346 #main.all_colors {display:none!important;}

Best regards,
Mike

Hey spalta,
The images on your home page don’t have the arrow on hover, so I found a different page that did, please check the url in the Private Content area to ensure I’m looking at the correct element.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey santanin,
I have taking a look and IE11 doesn’t render images well because it’s using an old engine, the solution is suppose to be putting X-UA-Compatible IE=Edge in the header, so I put this code to the end of your child theme functions.php file in Appearance > Editor:

add_action( 'send_headers', 'add_header_xua' );
function add_header_xua() {
	header( 'X-UA-Compatible: IE=edge,chrome=1' );
}

and cleared your site cache, but didn’t notice a difference.
I then uploaded a smaller logo and used a media query to target IE11 only in your child theme css:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
span.logo a:before {
content: '';
background: url(https://yoursite.com/wp-content/uploads/2018/01/tclogoie2.jpg) no-repeat center;
display: block;
height: 78px; 
}
}

While the image looked good in IE11 my attempts to hide the old logo failed, IE11 is limited as it is not css3 ready.
Overall IE11 is hard to work with and why Edge is it’s replacement, your logo looks good in Edge.
I would suggest trying some other sizes for your logo, I know you don’t want to go down to 340px, but 1400px is way to big. Perhaps try 700px, it should still look good on other browsers and may work with IE11. If you try a few sizes I’m sure you will find a good compromise.

Best regards,
Mike

Hi,
For the font-size and button color try:

#top.product-template-default.single.single-product h1.product_title.entry-title {font-size: 17px !important;}
#top.product-template-default.single.single-product div .main_color .button {background-color: red !important; }

adjust to suit.
The thumbnails are a part of the product element, and not easy to separate.
If you use the advanced layout builder it will be very different, not all of the elements with work with woocommerce. But you can try to see if you like it.

Best regards,
Mike

Hi,
That’s great news! Sorry it took so long, thanks for your patience.
Is there anything else we can assist with on this issue, or shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
Nice work, by the way :)

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

li.current-menu-item:hover {background: red !important; }

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey McCreight_Media,
Try adding the full path to the font in the url.
Then add the css for the elements that you wish to use the new font on in the General Styling > Quick CSS field, such as:

h1,h2,h3,h4,h5,h6 { font-family: tenby-five-light !important; }

Best regards,
Mike

Hey bobjonesdesigns,
Try this code in the General Styling > Quick CSS field:

.post-entry-5513 .av_textblock_section h3 {
margin-top: 0px !important; 
}
.post-entry-5513 .av_textblock_section p,.post-entry-5513 .av_textblock_section img {
margin-bottom: 0px !important; 
padding-bottom: 0px !important;
}

Best regards,
Mike

Hey Dildoreus,
Add [nolink] to the end of your copyright line under Theme Options -> Footer

Best regards,
Mike