Blog ~ Twenty Sixteen Theme Cascading Style Sheet [CSS], 03/10-B

Balancing sidebar vertical spacing using CSS…

I made 5 additional CSS modification to balance sidebar spacing [indicated by the red arrows above], again with a focus on mobile devices. The changes also work well on PCs [images above].

.widget .aligncenter {
/* match the spacing above the blog logo, changed padding-top for revised logo with text, 03/10 */
margin-bottom: 4px;
padding-top: 1px;
}

section#calendar-2.widget.widget_calendar {
/* adjusted padding above month from 10px to 7px, 03/10 */
padding-top: 7px;
}

section#jetpack_display_posts_widget-3.widget.widget_jetpack_display_posts_widget {
/* Reduce the space above the title [Last 10 Articles], 03/10 */
padding-top: 4px;
}

section#text-395027151.widget.widget_text,
section#text-395027701.widget.widget_text {
/* Reduce the space above the titles [Legal and Discalimer], 03/10 */
padding-top: 4px;
}

Blog, with Twenty Sixteen Theme & CSS on my iPhone 6S Plus

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