How do I change the typeface and style of the Full width slider?

  • How do I change the typeface for the slider widget? Normally theres a font option, but I dont see any where t style the widget. Its defaulting to what I assume is Arial or Helvetica:

  • Link to the page with the widget in question:

2 Likes

Hi there, @Martha_Lynn and welcome to the Community :waving_hand:

I see that you’re using the old-type slides, which were kept only for the default slides. It seems that you’ve replaced the default content with yours, that’s why you have the old-type slides, where the font setting isn’t available.

However, if you create a new slide using the Slide Builder option, the font settings for each element will be available there:

So, I’d recommend you using the Slide Builder option for creating new slides. If you don’t want to recreate your old-type slides using the Slide Builder option, you can change the font of the slide elements using this code in the Custom CSS field on the Settings tab of your widget’s settings :wink:

.eapp-slider-badge-component {
  font-family: Calibri;
}

.eapp-slider-title-component {
  font-family: Calibri;
}

.eapp-slider-text-component {
  font-family: Calibri;
}

.eapp-slider-button-component {
  font-family: Calibri;
}
2 Likes

thanks!
Wait where is the slide builder option??

1 Like

Just click on the Add Slide button and you’ll see it :slightly_smiling_face:

1 Like

Oh! Cool! thank you! - Also - is there a similar widget except it works as a caurosel and not a slider?

1 Like

My client wants to do a product carousel, so that the little buttons underneath go to that particular product for purchase.

2 Likes

The Carousel layout isn’t available for the Slider now, but we have this idea on the Wishlist. Feel free to upvote it here - Carousel layout.

The only alternative I can suggest is the Job Board widget. It has a Carousel layout, and you can use the Apply button as the button with the product links.

Also, you can consider using our Photo Gallery app, It also includes the Carousel layout, but the buttons aren’t available there. As a workaround, you can add the needed links to the images and users will be redirected to these pages, when clicking on the images :slightly_smiling_face:

1 Like