List Styles

Viewing 2 replies - 1 through 2 (of 2 total)

  • This code below will do just that and also center align all images in the post content in small screen (this should be done to all responsive theme). Put it in the bottom of Custom CSS.

    Please note, I didn’t test it with TwentyFourteen theme, I tested it with the site posted in the OP’s.

    /** ----- adjust list indent, and center aligned all images in small screen for twentyfourteen theme ----- **/
.entry-content img.alignleft, .entry-content img.alignright { clear: none; float: none; display: block; margin-left: auto; margin-right: auto;  }
.entry-content ol { list-style-position : inside; padding-left: 2em;  text-indent: -1em; margin-left: 0; }
/** 620px and up **/
@media screen and (min-width: 38.75em) {
	.entry-content ol { overflow: hidden;  }
	.entry-content img.alignleft { clear: left; float: left; margin: 7px 24px 7px 0; /** theme's default values **/ }
}
    Thread Starter sharonvillines

    (@sharonvillines)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘List Styles’ is closed to new replies.