Use CSS Override to Modify WordPress 2016 Theme

/* Table column class to fit width */
td.fitwidth {
width: 1px;
white-space: nowrap;
}

/* Reduce gap on header */
#masthead {
padding-top: 4px !important;
padding-bottom: 4px !important;
}

/* Close the gap between posts */
.home article {
margin-top: 10px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid grey;
}

/* Create horizontal border at header */
.site-header {
border-bottom: 1px solid !important;
margin-bottom: 16px !important;
}

/* Fix sidebar widget */
.widget {
border-top: 1px solid grey !important;
margin-bottom: 12px !important;
padding-top: 12px !important;
}

/* Bold Nav Bar */
.main-navigation a {
color: blue !important;
font-size: 20px !important;
font-weight: bold;
}

/* Set content width
.content-area {
width: 77% !important;
}
*/

/* Set sidebar width
.sidebar {
margin-left: 80% !important;
width: 22% !important;
}
*/

/* Remove footer notes */
.site-info {
visibility: hidden !important;
}

/* Remove underlined links */
a:link {
box-shadow: none;
}

/* Increase Title font size */
.site-title {
font-size: 2.65rem !important;
}

/* Center the Site Title
.site-branding {
float: none;
margin-left: auto !important;
margin-right: auto;
}
*/

/* Change font size of entry title */
.entry-title {
font-size: 2rem !important;
color: darkblue !important;
}

/* Fix blog entry content display with auto slider */
@media only screen and (min-width: 980px) and (max-width: 20000px) {
.blog .entry-content,.single-post .entry-content {
float: none !important;
width: auto !important;
max-width: 100% !important;
}}

/* remove Home footer on home page */
.home .entry-footer{
display:none !important
}

/* spacing for footer display of entries */
.entry-footer{
margin-top: 30px !important
}

Leave a Reply

Your email address will not be published. Required fields are marked *