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.

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

Made an alignment adjustment, removing the margin-top line…

Continue reading “Blog ~ Twenty Sixteen Theme Cascading Style Sheet [CSS], 03/09-A”

Blog ~ Twenty Sixteen Theme [Customize–Header Image], 03/09

More images uploaded for header…

On the header page, these areĀ in a single column–refresh to change.