Blog ~ Twenty Sixteen Theme Cascading Style Sheet [CSS], 03/15

The Ides of March are upon us…

Still a few more refinements–5 today

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
/* Change sidebar text of poizontalsted articles titles; italic, 03/15 */
font-size: 10px;
font-style: italic;
font-weight: 400;
line-height: 1.2;
margin: 5px 0 3px;
text-align: center;
}

.site-main > article {
/* set the spacing after an article–5.0em [80px] to 4.0em [64px], 03/15 */
margin-bottom: 4em;
}

a.post-thumbnail img {
/* Remove the 5px given to img below, 03/15 */
padding-top: 0;
}

img {
/* Top of article images too close, especially w/a 1st line link, 03/15 */
padding-top: 5px;
}

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts a img {
/* position posted articles feature images in landscape, NEW 03/15 */
width: 100%;
margin-left: 0;
}

I modified properties in the first two paragraphs and added the last two. I do not give line numbers because they will change. The are in the order shown within the Twenty Sixteen CSS.

Explanation:

  1. Italicized characters use less horizontal space.
  2. Removed more white space between articles–from 80 px to 64 px.
  3. Took away 5px of top padding for the featured image. The 5px came from the top padding added to images.
  4. Added 5px of vertical space to the top of images so the image does not crowd the line of text above it. The image touched link underscores.
  5. Added so Last 10 Article images are centered when orientation changes from portrait to landscape.

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