Helpful Custom CSS entries

A collection of CSS snippets that anyone can use in Decode's Custom CSS feature in the Other Options section of the theme Customize menu.

Change the size of the header image:

.site-logo { max-height: 8.5em; }
8.5ems is the default. Raise or lower this amount to what suits you.

Change the font size of posts and pages:

.entry-content { font-size: 1em; }
1em is the default.

Change the maximum width of the main content area:

.site-main, .site-footer { max-width: 45em; }
45em is the default. It is recommended that the footer be the same width as the main content area.

Change the maximum width of the header:

.site-header { max-width: 60em; }
60em is the default.

Increase size of comment box by default:

textarea#comment { height: 4em; }
2.15em is the default and fits one line of text, so gems will fit about two lines, etc.

Hide note about allowed tags under comment form:

.form-allowed-tags { display: none !important; }
This is hidden until the form is clicked on, but this will hide it at all times.

Remove the border between the header and the main section of the site:

.site-header { border-bottom: none; }

Remove the the border from below posts:

.post .entry-meta { border-bottom: none; }

Remove the the border under hovered links in an entry:

.no-touch .entry-content a:hover { border-bottom: none; }

Hide Page Titles on archive pages:

.archive .page-header { display: none; }

Hide Page Titles on category pages:

.category.page-header { display: none; }

Hide Page Titles on specific category pages:

.category-NAMEOFCATEGORY .page-header { display: none; }