-
AuthorPosts
-
October 5, 2019 at 6:41 pm #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.
October 5, 2019 at 7:04 pm #1145340on 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 missing – but you did it right in your code!
October 5, 2019 at 9:08 pm #1145360Thanks 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.
October 5, 2019 at 9:57 pm #1145385you are running the 4.5.7.1 beta –
go and update to the 4.6.3.1i’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']
October 6, 2019 at 5:47 am #1145422I 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.
October 6, 2019 at 12:51 pm #1145445 -
AuthorPosts
- You must be logged in to reply to this topic.