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;
} {
/* 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...

One 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: Logo

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

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s