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

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

Follow up question regarding this section: 

"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."

I don't see any options for changing the color of the header text on the LAYOUT tab. I see options on the DESIGN tab, but choosing a different color from the "Default Color Palette" dropdown on the DESIGN tab did nothing to change the color of the header text.

What am I missing? We still need to change the header text in the Featured Content Carousel. How do we do that? Is it a CSS issue? 

Michael Monteleone , any thoughts about my follow up question. Repasting here:

"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."

I don't see any options for changing the color of the header text on the LAYOUT tab. I see options on the DESIGN tab, but choosing a different color from the "Default Color Palette" dropdown on the DESIGN tab did nothing to change the color of the header text.

What am I missing? We still need to change the header text in the Featured Content Carousel. How do we do that? Is it a CSS issue? 

Michael Monteleone , any thoughts about my follow up question. Repasting here:

"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."

I don't see any options for changing the color of the header text on the LAYOUT tab. I see options on the DESIGN tab, but choosing a different color from the "Default Color Palette" dropdown on the DESIGN tab did nothing to change the color of the header text.

What am I missing? We still need to change the header text in the Featured Content Carousel. How do we do that? Is it a CSS issue? 

I'm trying to get my follow up to this question answered.  Tom Paolucci , can I ask for your assistance with getting resolution? Here's where we are:

1. I posted the above question 7 days ago. Part of that question was "how do I change the text color of the header text on our homepage's Featured Content Carousel"?

2. I got an answer that I thought gave me what I needed.

3. Then I tried to put the instructions into action and found that the answer was entirely accurate. The original answer told me this:

"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."

But my experience was this:

"I don't see any options for changing the color of the header text on the LAYOUT tab. I see options on the DESIGN tab, but choosing a different color from the "Default Color Palette" dropdown on the DESIGN tab did nothing to change the color of the header text."

4. So, I'm back to where I started. I just need to understand how to change the text color of the header text on our homepage's Featured Content Carousel. I understand that many people don't have power and that's probably what's causing the delay, but I'm under pressure to finish our design so I'm asking again. Could someone please help out when possible? Thank you.

Hello  , I wonder if this color issue might also be related to your site's customized CSS file: mfiles-overrides.less

I do understand that this is a priority and the holiday on Monday didn't help matters, but I will do what I can to confirm my assumption.

I wonder if we're missing something here, . Could you screenshot exactly what you're trying to change? That may put us on the right track. My guess... when you say header are you referring to something like this, where it says Related in grey?

Or if its something else, please do screenshot it so we can guide you. Thanks!

I'm trying to change the color of this text:

My guess is that Tom's answer is spot on - that this has to do with the customized CSS file. 

I've been away, but yes, this is correct. 

Unknown said:

What am I missing? We still need to change the header text in the Featured Content Carousel. How do we do that? Is it a CSS issue? 

Changing the color of the font requires custom CSS. Whether it was already customized or not, it's still a question of custom CSS, targeting the selector below. 

Michael Monteleone said:

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