Hello Trailblazers,
Is there a way to create more space/padding between the Headline and the sub topic in an experience cloud site?. I had some feedback that the sub topics sometimes get missed or overlooked by users.
Also, is it possible to increase the font size of the sub topic only? (without affecting font size elsewhere in the site.)
Thanks Trailblazers
Tom Bassett (Vera Solutions) Forum Ambassador
I've not had time to throughly test this out but this CSS Override seems to selectively target just the Topic Names
community_topic-topics-link { font-size: large;}However you'd need to consider the impact on the | as the bigger you make this the more out of place the native divider looks, you could adjust the CSS for this too which can be targeted with this code
.forceTopicSubTopicNavigation .topic-subTopicItem:not(.topic-last):after { content: "|"; padding: 0 var(--lwc-fcSpacingXSmall,8px);}Also Salesforce can change these CSS Classes so keep a eye out at release time to make sure they still work as expected and aren't now being used elsewhere!