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

Three more mods today–principally for smartphones…

IMG_0208.PNGThese CSS modifications were made to change the way the blog looks on a smartphone:

  1. Justifying the text below Legal and Disclaimer looks better than left-aligned text. [last line added]
  2. Center the social networks container versus a left-aligned container. [new paragraph]
  3. Also center the site footer [versus left-aligned][last line added]

.textwidget > :last-child {
/* set text style and line height for legal and disclaimer content; justified text looks better, 03/09 */
font-size: 10px;
line-height: 1;
text-align: justify;
}

div.menu-social-links-container {
/* center right footer container for smartphone, 03/09 */
margin: auto;
width: 100%;
padding-left: 70px;
}

.site-footer {
/* reduce white space at the end of the page–50px to 30px, 01/10; center left footer text for smartphone, 03/09 */
padding-bottom: 30px;
text-align: center;
}

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

Author: jalexartis

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

1 thought on “Blog ~ Twenty Sixteen Theme Cascading Style Sheet [CSS], 03/09-B”

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