Blog ~ Twenty Sixteen Theme Cascading Style Sheet [CSS], 03/11–A

An AMAZING 9 CSS modifications today, and I thought I was finished for a while…

2016-03-11_12-55-07 Full Page

I am working with vertical spacing again. The coding allows the banner image to be closer to the masthead and tagline. I also reduce the space between the banner image and the top article and reduced the spacing between the article title and except. The changes affect mobile devices, now with special coding. I’ll show that in my next article.

header#masthead.site-header {
/* set masthead position and spacing, padding-bottom from 30-20px, 03/11 */
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
}

div.site-header-main {
/* shorten the site header height so the header image moves up–from 137 to 120px, 03/11 */
height: 120px;
}

See these modifications at the blog Custom Twenty Sixteen CSS Page.

Author: jalexartis

Avid cyclist, who loves photography, technology, blogging & cooking...

Your comments please...

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s