Hi,
Thanks for the screenshot and the link to your site, please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

#top.home .template-shop.avia-content-slider .inner_product .inner_product_header,
#top.home .template-shop.avia-content-slider .inner_product .avia_cart_buttons {
	display: none;
}

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

Best regards,
Mike

Hi,

Could you try updating the theme to the latest version (5.4.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

You can open a new thread by following this link, or if you click this button: https://imgur.com/a/AnoSPNb

Best regards,
Rikard

Hi,
Please also disable the script, we will not use it, and then try going to WordPress ▸ Customizing ▸ WooCommerce ▸ Product Images and choosing Uncropped
and then go to WooCommerce > Status > Tools > Regenerate shop thumbnails, and click the Regenerate button next to it.
If this doesn’t help try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

If you use the Woocommerce Gallery instead of the Enfold Gallery do you have the same issue?

Best regards,
Mike

Hi,
Thanks for the feedback, if you are going to use the short pixel plugin, then please don’t use the script, it looks like the plugin is trying to change the images.
I would recommend disabling this plugin and any other “optimizer” plugins until the core issue is solved.
Then try going to WordPress ▸ Customizing ▸ WooCommerce ▸ Product Images and choosing Uncropped

and then go to WooCommerce > Status > Tools > Regenerate shop thumbnails, and click the Regenerate button next to it.
If this doesn’t help try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Then clear any cache plugins and any server cache and your browser cache.

Best regards,
Mike

Hi,
Thanks for the link to your page, currently I see you have a plugin wpo-minify active so it is minifying your css so I can’t see exactly where this rule is coming from that is preventing your link from showing the text-decoration underline, but from the classes I believe it’s from the WordPress Block Editor:

#top a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

To override this css please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main .content a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}

After applying the css, please clear your browser and minify plugin cache and check.
The expected results:

Best regards,
Mike

Hey Julia Friebe,

Thank you for purchasing the theme.

In order to open questions in the forum, you have to register an account first using your purchase code. Please go to the link below, place the purchase code in the provided field, then click the verify button.

// https://kriesi.at/support/register/

After the registration, just visit the link below to open a new thread in the forum.

// https://kriesi.at/support/forum/enfold/#new-post

Best regards,
Ismael

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.avia-button.avia-size-x-large {
    min-width: auto;
}
}

Best regards,
Rikard

Hi Martina,

I deactivated all plugins and then it worked. Then activated again and still correct, strange!

This sounds like a caching issue. If the issue reoccurs, please clear cache and check if that helps.

According to the GDPR, all buttons in the cookie banner must look the same, i.e. the same color & size. Where do I have to make changes here so that all are green and like a little smaller?

Please go to Enfold theme options > Advanced Styling and edit cookie consent elements: https://i.imgur.com/BIfv5rt.png

Best regards,
Yigit

Hey Tom,

The Events Calendar should inherit the colors you set in Enfold theme options > General Styling tab. It is not fully compatible with customizer.

If you’d like to override Enfold theme options styling, please add following code to bottom of Quick CSS field in Enfold theme options > General Styling

.tribe-events .tribe-events-c-search__button {
  background-color: var(--tec-color-background-events-bar-submit-button) !important;
  color: var(--tec-color-text-events-bar-submit-button) !important;
}

Best regards,
Yigit

Hey Tom,

I reported the issue to our developers. Issue should be fixed in upcoming version.

As a temporary solution, I added the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling

/* Temporary CSS fix for TEC styling */
:root{
    --tec-color-text-events-title-day:var(--tec-color-text-events-title);
    --tec-color-text-events-title-latest-past:var(--tec-color-text-events-title);
    --tec-color-text-event-title-list:var(--tec-color-text-events-title);
    --tec-color-text-events-title-month-multiday:var(--tec-color-text-events-title);
    --tec-color-text-events-title-widget-list:var(--tec-color-text-events-title);
    --tec-color-text-secondary-event-date-month:var(--tec-color-text-secondary-event-date);
    --tec-color-text-secondary-event-date-month-mobile:var(--tec-color-text-secondary-event-date-month);
    --tec-color-text-day-of-week-month:var(--tec-color-text-secondary);
    --tec-color-day-marker-month:var(--tec-color-text-primary);
    --tec-color-day-marker-month-hover:var(--tec-color-text-primary-hover);
    --tec-color-day-marker-month-active:var(--tec-color-text-primary-active);
    --tec-color-day-marker-current-month:var(--tec-color-day-marker-month);
    --tec-color-day-marker-current-month-hover:var(--tec-color-day-marker-month-hover);
    --tec-color-day-marker-current-month-active:var(--tec-color-day-marker-month-active);
    --tec-color-day-marker-past-month:var(--tec-color-text-primary);
    --tec-color-day-marker-past-month-hover:var(--tec-color-day-marker-past-month);
    --tec-color-day-marker-past-month-active:var(--tec-color-day-marker-past-month);
    --tec-color-text-day-of-week-week:var(--tec-color-text-secondary);
    --tec-border-radius-month-multiday:9.5px;
    --tec-color-border-secondary-month-grid:var(--tec-color-border-secondary);
    --tec-color-border-active-month-grid-hover:var(--tec-color-border-active);
    --tec-color-background-month-grid:transparent;
    --tec-color-background-tooltip:var(--tec-color-background);
    --tec-color-text-events-bar-input:var(--tec-color-text-primary);
    --tec-color-text-events-bar-input-placeholder:var(--tec-color-text-secondary);
    --tec-opacity-events-bar-input-placeholder:var(--tec-opacity-default);
    --tec-color-border-events-bar:var(--tec-color-border-secondary);
    --tec-color-background-events-bar:var(--tec-color-background);
    --tec-color-background-view-selector:var(--tec-color-background-events-bar);
    --tec-color-background-view-selector-tabs:var(--tec-color-background-view-selector);
    --tec-color-background-view-selector-list-item-hover:var(--tec-color-background-secondary);
    --tec-color-background-subscribe-list-item-hover:var(--tec-color-background-secondary);
    --tec-color-text-view-selector-list-item:var(--tec-color-text-primary);
    --tec-color-text-view-selector-list-item-hover:var(--tec-color-accent-secondary-hover);
    --tec-color-background-search-container:var(--tec-color-background-events-bar);
    --tec-color-text-events-bar-submit-button:var(--tec-color-background);
    --tec-color-text-events-bar-submit-button-active:var(--tec-color-text-events-bar-submit-button);
    --tec-color-text-events-bar-submit-button-hover:var(--tec-color-text-events-bar-submit-button);
    --tec-color-background-events-bar-submit-button:var(--tec-color-button-primary);
    --tec-color-background-events-bar-submit-button-hover:var(--tec-color-button-primary-hover);
    --tec-color-background-events-bar-submit-button-active:var(--tec-color-button-primary-active);
    --tec-color-icon-events-bar:var(--tec-color-icon-primary);
    --tec-color-icon-events-bar-active:var(--tec-color-icon-active);
    --tec-color-icon-events-bar-hover:var(--tec-color-icon-hover)
}

You can remove in the version after 5.4.1

Edit: After checking your other thread, I realized we must hear back from our devs. As I mentioned in the other thread, TEC styling should inherit Enfold theme options.

Best regards,
Yigit

• This reply was modified 3 years, 1 month ago by Yigit.

Hi,
Thanks for the feedback, I guess I misunderstood, if you are talking about a Recaptcha button that always showing on the right bottom site then this would be from another plugin because Enfold doesn’t have this.
The only thing we have similar to the is the Enfold Theme Options ▸ Privacy and Cookies ▸ Advanced Options ▸ Show reopen badge it looks like a “lock” icon to reopen the cookie bar.

Best regards,
Mike