Hey Empatica,
It looks like your “mycollection.zip” doesn’t contain any icon fonts, only “svg” files

you need to convert these at fontello.com

Best regards,
Mike

Hi,
It looks like there is an error in your SVG class codes, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to correct:

#header.header-scrolled-full .av-contains-svg .st0 {
    fill: #000;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The color is set to white here:

Best regards,
Mike

Hi,
In the code above change the text “Go Back” to “Ga terug”

And the font color etc can be changed with the class go-back-link
like this:

.go-back-link {
/* your css here */
}

Best regards,
Mike

Hey Ad-Min747,

Please refer to this: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#alb-for-any-post-type

Best regards,
Rikard

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Armen,

Please try following this: https://kriesi.at/documentation/enfold/theme-registration/. If that doesn’t work, then I would recommend that you purchase your own license to avoid problems like this in the future.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey tebitron gmbh,

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

Best regards,
Rikard

Hey Zaccc,

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

.av-brd06i-eaef0e2e0dabaa7c6f27ce812c6e77b7 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.av-9ur522-fdab728712108834cfbf06903464edf4 {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.av-36owea-e30845402d9141e0a7985ef614696b1e, .av-tyhgy0-5f148e6f7c4f2268fc5e80a8daae4d58 {
  border-radius: 10px;
}

Best regards,
Rikard

Hi,
The page that you linked to is not using the Enfold Advanced Layout Builder for the product, it is using the woocommerce product like in your test page, nonetheless I added some custom classes to your original /dji-mavic-3-classic/ product to try to get this to work.
In this text element:

I added the custom class product-type-variable :

and in the title H1 tag I added the custom class product_title, note that you must use the “text tab to add the class:

and now it works:

You will need to manually change your other products like this.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey reqonsult,

Thank you for the inquiry.

You can toggle the visibility of the date info in the Enfold > Blog Layout > Blog Meta Elements section. Simply look for the Blog Post Date toggle. You can also use this css code:

.avia-content-slider .slide-meta time {
    display: none;
}

Best regards,
Ismael

Hey CharlieTh,

Thank you for the inquiry.

We provided the shortcode of the demo page in the private field. If you haven’t set the builder to debug mode, please check the documentation below.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hi,
Ok, thank you, I see the Variation Title in the variation but it doesn’t seem to work on the frontend. I don’t see any errors that might point to a cause.
I did find the script that I posted above was in your child theme style.css so I moved it to your child theme functions.php and it changes the product title when a variation is picked, so that is good news:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
     position: relative;
     height: 66px;
    }
    .responsive #top .av-logo-container .avia-menu {
    width: 100%;
    display: flex;
    justify-content: center;
    }
    .responsive #top .logo {
    height: 54px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I tried to create one for you but didn’t get the variations correct, please see the link below and adjust the variations. Do not use the Advanced Layout Builder, only use the woocommerce product fields:

Best regards,
Mike

Hi,

this is what I tried to do.

Best regards,
Mike

Hi,
I’m not sure how https://mart-anthony-stark.github.io/Enfold-js/ works, but I don’t think you can animate the color sections, you will need to animate the objects inside.
Try using the theme settings, we are limited to supporting custom code snippets and javascript libraries. The login doesn’t work.

Best regards,
Mike