How can you reduce the size of the title font in the featured carousel widget as it is much bigger than the description? We are currently using it in a skinny column
How can you reduce the size of the title font in the featured carousel widget as it is much bigger than the description? We are currently using it in a skinny column
You can use Widget Studio to add some custom css to the widget. Here is an example of some code that might work for you.
.right-sidebar { .content-fragment.featured-content-carousel .slider-container .slider .content-list.content>.content-item>.content .name { font-size: 14px; } .content-fragment.featured-content-carousel .slider-container { height: 155px !important; } }
Thanks for asking this question! We decided not to use the Featured Content Carousel widget because the font is so huge and we can't get it to look good on the pages. FYI Erin Haines Avery Desrosiers Dennis Pearce Amal Hechehouche
Did you manage to solve this?
Is there a non-developer guide for how to apply this? It's not apparent where I would insert the example into the css tab:
$core_v2_widget.ExecuteFile('config.vm') #if ($fullWidth) full-width #end #if (!$foregroundFullWidth) foreground-page-width #end
Justin Lee Here are a few steps to get you started:
style.less
, add the code from Mathew on line 12You can adjust the font size from the original code if you want it bigger or smaller, as well as plenty of other options.
I know that Social Edge has a widget as well that has some similar UI changes, as well as a few other changes, but I don't see it in Marketplace. Sara Collins or Gary Lungarini might be able to provide more information to you directly if you're interested.
Alex Nassi correct! We have done this in the past - happy to provide more information if needed!