Featured Content Carousel: how to reduce height and change header text color

Former Member
Former Member

We are using the Featured Content Carousel for our homepage. We have only one static image--there is no carousel effect and no display of featured content. It's just a static image. My questions:

1. How do we change the height of the image to 250 pixels tall. It now defaults to 480. Can you guide me through I would make that change?

2. How do we change the color/font of the title text? 

Thanks!

Parents
  • Hi Jocelyn. The carousel exposes its layout options directly in its widget configuration. Try Pencil Icon > Manage Site Theme > Edit this Page > Featured Content Carousel Cog Icon > Layout.

    The height can be adjusted here, but so can its layout mode and how it scales and crops images.

    As for the color of the text, you can change the palette in the Layout tab. Obviously, those are intentionally fairly limited by whatever the theme exposes. More palettes can be added by editing the theme itself in Administration > Interface > Theme Studio > Social Site Theme > Palettes.

    The font is perhaps the only aspect of this will require custom CSS. While the Social theme exposes an option for uploading a different font, it affects the entire site. It will require custom styling either in Theme Studio or in the Featured Content Carousel widget itself to override the font used only for this widget. That override could also be re-exposed as a configuration option alongside the sitewide Font option, but that's not necessary. Specifically, the selector to address the carousel font would be:

    .content-fragment.featured-content-carousel .slider-container .slider .content-list.content>.content-item>.content .name

  • Former Member
    0 Former Member in reply to Michael Monteleone

    This is super clear and helpful,  . Thank you so much!

Reply Children
No Data