Hey Bruno,

Please add this css code in Quick CSS:

#welcome .av-screen-reader-only {
    display: none;
}

Hope it helps.

Best regards,
Nikko

Hi snitt,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hey nini_bacher,

Instead of adding it to header.php file, it’s better to use a hook instead: https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/#add-a-script-to-head-section
In your child theme’s functions.php add this code:

function add_custom_script(){
?>
<script type="text/javascript" src="//fast.fonts.net/jsapi/00bb5123-8d46-4c97-92b6-a2ab2217d646.js"></script>
<?php
}
add_action('wp_head', 'add_custom_script');

Hope it helps.

Best regards,
Nikko

Hey margiela,

I found this error in the web console:

Failed to load resource: the server responded with a status of 500 ()

The ftp does not worked when I tried through filezilla.
Can you try to check if there’s an error_log file generated in your root folder?
If not please enable WordPress Debugging: https://wordpress.org/support/article/debugging-in-wordpress/

Best regards,
Nikko

Hi philthebass,

I have checked the link you posted on my android mobile phone and the image galleries worked fine on my end.
Are you using an iphone?

Best regards,
Nikko

Hi Del,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hey AbstraktMarketingGroupWebsites,

Yes, but you’ll need to do the following first:
1. Turn on Custom CSS Class Field: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements
2. Then in your page, put 2 1/2 column (only) inside a Color Section.
3. Edit Color Section, then in Developer (tab) > Custom CSS Class, add a class name, for example myflex

In Quick CSS, add this css code:

.myflex .entry-content-wrapper {
    display: flex;
    align-items: center;
}

Best regards,
Nikko

Hi GriffinGraffix,

Sure, what I meant with fetching old css is for example in the style.css of your child theme you recently added some css code however when you view you didn’t see its effect, the first thing you can do is check view page source then find the link in style.css: https://purrproject.com/wp-content/themes/enfold-child/style.css?ver=4.6.1
Browsers often stores css/js files in the cache, and when you check on it the css code you added isn’t showing in there, the solution for this is busting css cache or you can clear your browser cache.
If the recently added code is showing but isn’t working on your site, you can try to inspect element and see what css is overriding it.

As for the generated css file from Enfold overriding your custom styling, it’s because of the order and the only way ensure that your code won’t be overridden is to put more weight on your selectors. For example you have this code:

.avia-button {
  font-weight: bold;
}

and this gets overriden, you can instead replace it with:

#top .avia-button {
  font-weight: bold;
}

For more information on this you can check for CSS Specificity: https://www.w3schools.com/css/css_specificity.asp

Best regards,
Nikko

Hi dondela,

We apologize for the delayed response.
The ftp login didn’t worked when I checked with filezilla.
It does seem to have an issue with the masonry, after removing it in ‘So geht vegan’ it does show properly.
However after I tested the same content on my local server it does work properly.
Can you also try to switch the php version? maybe 7.1

Best regards,
Nikko

Hi KosmetikAndNails,

Yes, I agree hopefully it will be added in the future.
Have a great day! and thanks for using Enfold :)

Best regards,
Nikko

Hi Mikhail,

1. No, Enfold doesn’t have such feature but Woocommerce does provides a shortcode for this:

[woocommerce_my_account]

The page which contains that shortcode should allow customers to view their orders, but not sure about loyalty program

2. As far as I know there’s no limit except as long as you’re host/server can handle. Enfold doesn’t really change anything in woocommerce except for Visual Aesthetics and provides woocommerce modules which you can drag and drop in our Advanced Layout Builder.

3. I think they are similar in terms of woocommerce integration since themes doesn’t really change backend functionalities but just change some visual aesthetics and user experience, and give you a different way of presenting products for example using a product slider (enfold element).

I hope this answers your questions.

Best regards,
Nikko

Hey Jochen,

There’s no standard way in implementing full page scrolling, except the WordPress way of extending features such as using a child theme and enqueueing additional js & css files.
As for assigning class to section/any elements, you can refer to our documentation: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Best regards,
Nikko

Hi tlkingsland,

PHP is basically just a language used to build wordpress sites: https://www.php.net/manual/en/intro-whatis.php
You can find the php version in Tools > Site Health > Info (tab) > Server. The version you are using is 7.0.33.
Anyway, I have seen a mixed content error which is fixed through a search and replace plugin (I have already removed the plugin).
Then I have switched to a twentynineteen theme then back to Enfold and the product image is now showing fine including the magnification.

Best regards,
Nikko

Hi tlkingsland,

There are some js errors in the console (screenshot in private content).
Can you try to turn off caching and disable all plugins except for woocommerce? and try to check if the issue still persists.

Best regards,
Nikko

Hi BeyondMS,

Glad to hear that, it’s most likely a caching issue.
Thanks for using Enfold and have a great day!

Best regards,
Nikko