Homepage CSS

Here are a few tips and tricks to remove or style differently some things on the default home page.  

Removing 'created by'

.user-css .author.world-authors {
	display: none;
}

Removing follower block

.user-css .followers-counter.m-b-20 {
	display: none;
}

Removing timelines section

.user-css #world-timelines {
	display: none;
}

Removing RSS feed button

.user-css .world-share-rss-feed-link.btn.btn-xs.btn-primary {
	display: none;
}

Custom homepage blocks (CSS Flexbox - Grandmaster+)

This will place as many columns as you like, spaced evenly apart.   This code goes on the homepage under world config settings
 
[container:flex-box]
[container:flex-item]
[h3]Title One[/h3]
Text One
[/container]
[container:flex-item]
[h3]Title Two[/h3]
Text Two
[/container]
[container:flex-item]
[h3]Title Three[/h3]
Text Three
[/container]
[/container]
 
This CSS gets put in the world styling editor
.user-css .flex-box {
	display: flex;
	justify-content: space-evenly;
}
.user-css .flex-item {
	text-align: center;
}

Comments

Please Login in order to comment!