Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 5, 2021 at 2:38 pm #1314677
    Dommel

    Bug report:
    I am looking into using the new “Custom Elements” feature. Using the “Lockable Custom CSS Class” to put in a CSS class. But that does not seem to work. It only works if I add the class to the regular “Custom CSS Class” inside the image element. Possibly a bug to the new “Custom Elements” system?

    August 5, 2021 at 4:39 pm #1314690
    Günter

    Hey Dommel,

    Thank you for using Enfold.

    “Lockable Custom CSS Class” is intended to be set and locked in the custom element (= parent) and is then used in the child element.

    Create a custom image element and lock it there. When using this you see the class in a read only field in the child and you cannot change it.

    If you use a “normal” image element both fields can be filled. The result is that both classes are used – in .avia-image-container.

    Best regards,
    Günter

    August 5, 2021 at 8:36 pm #1314718
    Dommel

    Hi there,

    Yes, I understand, but either I’m doing it wrong, or it’s not working.
    In my image element, I have set it to use the Custom Element. The fields that I have locked in the parent, including the Lockable Class Field. Is then red.
    In the parent I gave the lockable class field a class (which is defined in the quick CSS section of the theme). And so, inside the child, in the locked (and red) lockable class field. I see that class name typed in, as it should since it is coming from the parent. However, it is not having any effect. Hence why I think it’s a bug.

    When I add that same class name to the regular class field. then it has effect.

    Regards,
    Robert

    August 6, 2021 at 9:47 am #1314779
    Günter

    Hi,

    I recheched again.

    ALB Image Element
    Custom Element has “Lockable Custom CSS Class” my-locked-image and is set to locked
    Child Element has “Custom CSS Class” my-image ( and my-locked-image in red border )

    HTML output for image container div has following classes (both classes are included):

    
class="avia-image-container av-kp01nouk-24ebddcda538fba55c28445e767ecf49 av-styling- av-hover-grow avia_animated_image avia_animate_when_almost_visible av-rotateInUpLeft avia-align-center avia-builder-el-0 avia-builder-el-no-sibling my-image my-locked-image avia_start_animation avia_start_delayed_animation"

    Can you please create a WP admin account for us so we can check it ?
    And also specify steps how to reproduce please.

    Best regards,
    Günter

    August 8, 2021 at 6:59 pm #1315131
    Dommel

    Ah! it has just been fixed. In another thread here, talking about another topic.
    A collage of yours noticed I was adding a dot in front of the class names inside the custom CSS fields of elements.
    eg; .className
    It should been className

    It turns out that if you add that dot to the regular Custom CSS field inside an (image) element, it all works fine.
    But the Lockable Custom CSS doesn’t accept that. And so failed. I have removed the dot (as it should be). So not it all works fine.

    Thanks for taking the time. This thread can be closed.

    August 9, 2021 at 7:51 am #1315776
    Günter

    Hi,

    Thanks for feedback.
    Enjoy the theme and have a great day. Feel free to come back when you need further assistance.

    Best regards,
    Günter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Bug report: Lockable Custom CSS Class inside Custom Elements not working’ is closed to new replies.