smart sliders

[sarahmagrish]

Hi David,

Did you make settings for the text anywhere for the smart sliders or should I be creating them from scratch? Can't quite tell there. I can see how to create them but don't want to redo the styling if you already did it. also if we do decide to use sentinel and avenir how would i do that? would i need to add that to the CSS?

thx! Sarah

[pollardld]

@sarahmagrish

Bad news, looks like smart sliders have there own font settings as well 😫. Which cool in most cases, but not ours.

Good news, it is super easy to customize and so we can use sentinel and avenir 😃 .

I added a test title to the home page slider and it is working. My steps were:

1. Choose the slider you want to edit

2. Hover over the thumbnail and select edit

3. Add a layer that contains text (e.g., header)

   

4. Select the paint bucket tab from the modal that pops up

   

5. In the family input add the font you want to use (i have the default set to "Sentinel A", "Sentinel B")

Note: the correct font will not show up while editing the slider, but once saved the font will be correct when viewing the webpage containing the slider

[sarahmagrish]

nice! can you show me how to change it to avenir to test that look out? also, where should I mess around with the type size? thank you.

[pollardld]

In the Family input add one of the following:

AvenirLTStd-Heavy AvenirLTStd-Book AvenirLTStd-MediumOblique AvenirLTStd-BookOblique AvenirLTStd-Medium AvenirLTStd-BlackOblique AvenirLTStd-Black AvenirLTStd-HeavyOblique