Public
Valued Contributor

White space

Hello,

Hope everyone is doing well. 

Reaching out to see if any of the Gurus here can provide some tips on eliminating white space.  Our page is responsive, but we should still be able to remove some of the spacing.   One of the areas I am looking to reduce spacing in would be under the carousel and just above activity feed.  Another would be on boards directly under the path and under page title above the Stat a new discussion box..  Knowing which scss contains the the height for these would be great as I could then experiment with the spacing

Any feedback greatly appreciated.

 

Thanks

Greg

Moderator / Admin Datto
1 Reply 1
Respected Contributor

Hi @gdawson

Have you tried using the Inspect option in your browser? A simple right click -> Inspect will display the HTML and you can modify the CSS styling to your liking. For example, if you wanted to adjust the spacing in the breadcrumb on this page, it would be: 

 

.lia-breadcrumb>.lia-list-standard-inline {

}

 

You'd then just need to edit/add your CSS styling to your current skin in Studio and push to production. You'd likely be looking to reduce margins and padding if you find you have a lot of white space.

Hope this helps

__________________________

Welcome to the Technology board!

Curious about our platform? Looking to connect on social technology? You've come to the right place!

Are you a Khoros customer? For direct assistance from our Support team, please visit the Support Forum.