Theme “Twenty Twenty” Customizations
In ‘Appearance >Customize>Additional CSS’, add:
/* to hide the huge entry heading text */
.entry-header {display:none;}
/* to increase the text beside the WSCC logo */
.site-description{
font-size: 3rem;
font-weight: 600;
color:black;
}
/* to add some color (to be tweaked) beside the feature images */
.featured-media-inner {background-color: black;}
/* to get rid of some white space */
.post-inner {padding: 0 0 1rem 0;}
/* to get rid of WordPress in the footer */
p.powered-by-wordpress {display: none;}
/* to increase the size of the main site logo, top left of page */
.site-logo img {max-height:12rem;}In ‘Appearance>Theme File Editor>style.css’, change:
/* to reduce text sizes . . . stock is much too large */
under "@media ( min-width: 1220px ) {
h1, heading-size-1 {
change "font-size: 8.4rem;"
to "font-size: 6.3rem;"
under "@media ( min-width: 700px ) {
changes as in table below| heading | from | to |
| h1 | 6.4 | 4.8 |
| h2 | 4.8 | 4 |
| h3 | 4 | 3.2 |
| h4 | 3.2 | 2.4 |
| h5 | 2.4 | 1.8 |
| h6 | 1.8 | 1.4 |
/* to get rid of extra white space */
/* reducing space below a block by 50% */
/* getting rid of any space above a block */
under "@media ( min-width: 700px ) {
under /* BLOCK: BASE MARGINS */\
change "margin-bottom: 4rem;" to margin-bottom: 2rem;
change"margin-top: 4rem;" to margin-top: 0rem;See also WSCC Image Specs