For my personal use, the block "Latest Post" is inaccurate and just eating up screen real estate.
So figured to remove it using userContent.css (firefox only)
Also noticed that the font is hardwired to 15 pixels, which is not great on high resolution screens, I changed the main text to use 13 points.
The code to do so is:
@-moz-document url-prefix(https://communities.vmware.com/) {
/* hide latest posts */
div.lia-panel.lia-panel-standard.MessageListTaplet.Chrome.lia-component-forums-widget-recent-messages {
display: none !important;
}
/* bigger more readable fonts */
.lia-message-body-content p, .lia-message-body p, .lia-message-editor p, .lia-note-body p, .lia-occasion-description p {
font-size: 13pt;
line-height: 140%;
}
.lia-message-editor p {
font-size: 13pt !important;
}
#lia-body.ForumTopicPage .lia-content .lia-panel-message .lia-message-subject, #lia-body.GroupMessagePage .lia-content .lia-panel-message .lia-message-subject {
padding-bottom: 3px;
}
}
Firefox links to enabling userContent.css
https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/
https://www.ghacks.net/2019/05/24/firefox-69-userchrome-css-and-usercontent-css-disabled-by-default/
edit:
2020/11/21 added links that describe how-to enable userContent.css for Firefox and added a first font size patch
2020/11/22 more white space between the lines, changed subject of topic
cheers!
--
Wil
