Custom CSS to Clean Up Your User Community List

[Eric Reynolds]

http://yourdomain.com/events/community/list redirects users to a list of their respective event posts.

Want to clean up the list so the columns don’t look garbled? Add the following custom CSS to your child theme stylesheet:


/* Community Events Users List Clean Up */

.my-events th.essential, .my-events td.essential {
border-right: 1px solid #ccc;
padding: 4px 4px 4px 10px;
line-height: 1.2em;
font-size: 92%;
}

@media only screen and (min-width: 900px) {
.my-events th.optional1, .my-events td.optional1 {
border-right: 1px solid #ccc;
padding: 4px 0 4px 10px;
line-height: 1.2em;
font-size: 92%;
}
}

@media only screen and (min-width: 1075px) {
.my-events th.optional2, .my-events td.optional2 {
border-right: 1px solid #ccc;
padding: 4px 10px 4px 10px;
line-height: 1.2em;
font-size: 92%;
}
}


[Geoff]

Heck yeah, that rocks! Thanks so much for sharing this with us — I bet others will find this helpful as well and it will be great to have it here in the forums.

Cheers!
Geoff

[Author]

Posts