Hi,
Thank you for your patience and for the link to your site, the social icons that I see on the page are from the AddToAny Share Buttons plugin, so I would imagine the easiest solution would be to disable this plugin, but assuming that you don’t want to do this you could try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #main .addtoany_share_save_container {
	display:none;
}

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

Best regards,
Mike

Hey helban,
Thank you for your patience and the link to your page, with the way that flex works with row or column reverse, or even order, the rows you are creating need to be wrapped in a container so the inner elements can be ordered or reversed. For this reason, we have the Grid Row element, to use this in your situation you would add the Grid Row and 4 cells:

and then use the Set Cell Size option to set your 2/5+1/5+1/5+1/5

and then add your inner cell content

for this example I will clone the Grid Row 3 times and use the Set Cell Size option to alternate the rows for desktop as in your example 1/5+1/5+1/5+2/5, then for the mobile css it will be easier to add custom IDs to each of the Grid Rows in the Advanced Tab > Developer Settings

I recommend using lower case letters only and each ID must be different and unique to your whole site, for this example I’m using one, two, three.

Then for the mobile flex column reverse of this one row you would use this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
  #two {
    display: flex;
    flex-direction: column-reverse;
  }
  }

I hope this helps.

Best regards,
Mike

Hey cristinagrafik,
Thank you for your patience and for the login, for the widget to work you need to add a Mailchimp API

Best regards,
Mike

Hey CVFPB,
Thank you for your patience, I see that you are trying to install the “default demo” this demo doesn’t include most of the images:

Please try installing the “2017 demo” as it includes the images and sliders. Now if you try that and still can’t install the “2017 demo” due to a cURL error please ensure that you have no plugins installed while you are installing the demo, the Yoast SEO plugin has been known to cause this error. Other plugins could also cause this. Are you using a “Bare Metal” server where you are setting everything up? If so please check your secure PHP options:
allow_url_fopen = on
allow_url_include = on
register_globals = on
If this doesn’t help I don’t know all of the possible server configurations and that would be outside of our support, but I can recommend manually installing the 2017 demo by first importing the demo on a localhost and copying the images to your online host via FTP using the same directory structure then editing the .xml demo file found at \wp-content\themes\enfold\includes\admin\demo_files\enfold-2017.xml by replacing http://kriesi.at/themes/enfold-2017/files/ with https://Your-Domain.com/wp-content/uploads/ in a plain text editor such as vscode, please note the trailing slash and the https if your site is using https this should replace about 243 instances, the rest of the link should remain the same, such as /2015/07/marker3.png because you uploaded the images using the same directory structure.
After all of this you will still need to do a little tweaking such as setting the correct menu in the menu options and sorting out the footer widgets, but you will be changing this anyways, since you have been using Enfold since 2017 I sure you know your way around the options :)
If you don’t have a localhost set up and want the images I can get them for you with my localhost, I have never failed to install a demo on my localhost in all of these years, except for the “default demo” because those files are not there, as I understand it we didn’t have the image license to include them in the demos so the demo says they are not included.
My point here is that I have seen a couple of webhosts that will not connect to our server, I don’t know why, but this solution with a localhost works and will get you on track to building your site.

Best regards,
Mike

Hey Tobias,
Thank you for your patience, please see this solution from Guenni007 I have tested it on this demo test and it seems to still work well.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your sidebar news widget, so in this screenshot of your current source code please note that the current width & height of the image is 36px, and the “sizes” attitude has the max-width set to 36px, Red Arrows, but you also have a 180px source image available, Yellow Arrow

So I prepose this jQuery script to change the source image used to the 180px version which will give you a larger image and keep it looking crisp.

function newsbox_custom_script() { ?>
    <script>
(function($){
  $(document).ready(function(){
$('.sidebar .newsbox .news-thumb img.size-widget').attr('width', '180');
$('.sidebar .newsbox .news-thumb img.size-widget').attr('height', '180');
$('.sidebar .newsbox .news-thumb img.size-widget').attr('sizes', '(max-width: 180px) 100vw, 180px');
$('.sidebar .newsbox .news-thumb').css({'height': '180px','width': '180px'});
 });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'newsbox_custom_script');

Now if you want the image larger you could regenerate the thumbnails so you would have a larger option for a source and adjust the script, or if you don’t need the image to be very crisp you can adjust the last line of the script (css) to suit.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now as it is quite long and covers several issues from multiple sites and thus becoming hard to follow. Typically we ask to start a separate thread for each request so it is easier for everyone to follow along. Thank you for using Enfold.
For any other questions or issues, feel free to start a new thread in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad to see that Guenni007 was able to help you with this, and it seems that your question has been resolved, shall we close this thread then?

Best regards,
Mike

Hi,
Good catch, glad to hear that this is sorted out now we will close this now, and 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,
I have heard back from the team and added this function to your functions.php:

add_action( 'woocommerce_after_shop_loop_item_title', 'wc_add_short_description' );
function wc_add_short_description() {
	global $product;
	?>
        <div class="product-short-description" itemprop="description">
            <?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
        </div>
	<?php
}

This allows the “short description” to show, please check your test page to see this is action.

Best regards,
Mike

Hi,
Glad that helped, if I understand correctly it would not matter if it was a JS file that you linked to or the script added directly, both will still be loaded anytime the class wc-pao-addon-custom-price is found, but I believe what you want to do is to limit the searching of that class, and thus the JS overhead related to it.
I recommend adding the page class of single product pages that will contain the wc-pao-addon-custom-price class, by adding the top most page class the JS will stop looking for your class sooner instead of searching the whole page.

jQuery(document).ready(function(){
    jQuery('#top.single-product .wc-pao-addon-custom-price').val("0");
});

Now with that expectation I do not see your class wc-pao-addon-custom-price on the test page we have been looking at, so if it is another page or a cart page you would want to use the topmost page class for that page. I hope that makes sense.

Best regards,
Mike

Hi,
Perhaps I misunderstood about your “Significant Trees” hotspots, so when you have those hotspots set as transparent there is no indication that there is something there to mouse-over, except for the map image, so I thought that you thought that the hotspots were not working there, thus my pointing out that the hotspots were transparent.
Now I believe that you want the “Significant Trees” hotspots transparent so I reverted my test page, linked below, to show that while the hotspots are transparent, the mouse-over effect does show the popups.

(the image above links to a gif that shows the mouse-over popup)
Please clear your browser cache and check the test page linked below.

Best regards,
Mike

Hi,
Thank you for your patience, the FTP account that you created is assigned to the user that you created so we don’t have access to the WordPress directory that we need to upload the files. Please see this documentation step 4 where it says:

To give this user access to the entire account, enter nothing but a forward slash (/)

please correct this so we can upload the images and such. I tried to import the xml for the church demo and it mostly worked but it’s not fully there, I may want to reset the site to try again, unless it is close enough for you to work with?
I believe the main issue for your site is that the PHP ZipArchive Extension is not enabled on your server, you should ask GoDaddy to enable this, this is a common PHP extension that should always be enabled on every server everywhere, don’t let them tell you differently. I believe if you get this enabled and reset the site and try to import again all should go well.

Best regards,
Mike

Hey CharlieTh,
You can create a fadein effect on most any element with css keyframes like this:

#top.home #av_section_1 {
animation: fadein 6s;
}

@keyframes fadein{
    0% { opacity:0; }
    50% { opacity:0; }
    60% { opacity:0.1; }
    100% { opacity:1; }
}

So as an example, the linked test home page in the Private Content area has a color section at the top with a background image

the css above is set to fadein over 6 seconds but the keyframes has the opacity set to zero for 50% of the time, so the first 3 seconds the element is hidden, then at the 60% mark the element is slowly started to show for the remaining time.
You can try different timings and opacity to get the effect you like.

Best regards,
Mike

Hey Isabel,
Thanks for the link to your site and the css you are trying, your css works for me when I inject it via the browser, but I don’t find it being applied from your site. When I check your child theme stylesheet I see that you didn’t add the !important; as displayed in your code snippet above, please try adding it or add another ID after #top so your css with have priority.

Best regards,
Mike