Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1145336

    Hello,

    I added a Content Slider to a website here: https://premier-handyman.com

    I then used the Enfold Documentation for Content Sliders to reference a custom class in the shortcode and then added the related CSS as shown here:
    https://kriesi.at/documentation/enfold/content-slider/

    The Code doesn’t work even though I double checked it several times. Could someone please take a look?

    Thanks. Mike.

    #1145340

    on your css ( by the way – why don’t you use the quick css input field ( i found the code in: wp-custom-css) )
    – i can see the usage of custom-class in your css : av-contentslider-style-2 – but
    in the DOM i can not find it.

    That custom-class had to be on that alb element : content-slider

    By the way, the arrows are incorrectly defined in the documentation:

    /* Arrow icon */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
    content:'\e875';
    }
    
    /* Arrow icon */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
    content:'\e874';
    }

    that little backslash is missingbut you did it right in your code!

    #1145360

    Thanks Guenni007!

    There is no field in the actual ALB element to place the Custom Class, so I did as the instructions said and inserted directly in the Shortcode in the “debug panel” like this:

    [av_content_slider heading='' heading_tag='' heading_class='' columns='1' animation='slide' navigation='arrows' autoplay='true' interval='3' font_color='' color='' av_uid='av-k1dmt8nr' id='' custom_class='av-contentslider-style-2']

    Did I do something incorrectly?

    Mike.

    #1145385

    you are running the 4.5.7.1 beta –
    go and update to the 4.6.3.1

    i’m not shure but on that newest Enfold there is under Enfold Options Dialog on : Layoutbuilder 3 Options to set. ID, Classes and Heading styling. Mark them.

    The you have on nearly all ALB Elements a Developer Tab – there you can insert the class :
    now to a quick and dirty solution. You have the debug mode down your layout field?

    your first line of that element – there you can add the custom class:
    [av_content_slider heading='' columns='1' animation='slide' navigation='arrows' autoplay='false' interval='5' font_color='' color='' av_uid='av-3sky8y' custom_class='av-contentslider-style-2']

    #1145422

    I found that I had not activated the Custom CSS classes input field in the layout builder that is why I couldn’t see the input field. Mike.

    #1145445

    Hi Mike,

    Great, I’m glad that you found the problem. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.