Make Slider easier to work with in CSS

Ask the Community Customization
1

Event calendar is an amazing example. It has unique classes that are easy to reference for almost every piece of the widget. This lets me get into the customization in areas that don’t make sense for Elfsight to develop.

I’m trying to apply separate CSS to the Title and Text in my slider, but they have the same exact classes, so I cannot reference them separately.

1 Like
3

Hi there @Josten_Helsel1 and welcome aboard :wave:

Could you please specify how exactly you’d like to change the title and text of the slides? I’ll be happy to help you with it :slightly_smiling_face:

4

I’m using a font that isn’t in the elfsight options, so CSS was required to grab it from the page it’s embedded in

1 Like
5

Got it!

I’ve forwarded your request to the devs and will get back to you tomorrow :slightly_smiling_face:

6

@Josten_Helsel1 This code should help:

[class*="BuilderBlock__Content-sc"] > :nth-child(1) {
  font-family: Arial;
}

[class*="BuilderBlock__Content-sc"] > :nth-child(2) {
  font-family: Gill Sans;
}

Just set the needed font and paste the code to the Custom CSS field on the Advanced tab of your widget’s settings.

Try it out and let me know if it worked :slightly_smiling_face: