Align Page Content Left

  • Is it possible to align the content on the pages to the left margin (aligned with the featured image) instead of having it indented?

Viewing 1 replies (of 1 total)

  • Hello ashlilee,

    Yes it’s possible. In this case, the theme already does this for you when the viewport is small enough (smaller monitors, mobile devices, whatnot) so all we need to do is find the relevant CSS elements in the parent theme and override them.

    This theme uses media queries for larger screen sizes so if we look for the relevant CSS rules for smaller screen sizes and copy them into a new media query for the larger sizes, then we should be good.

    Here’s what I came up with after a few minutes:

    @media screen and (min-width: 1180px) {
	.entry-body {
		margin-top: 0;
		padding: 0;
	}

	.entry-meta {
		position: static;
		text-align: left;
		width: unset;
	}

	.entry-meta span {
		margin-right: 10px;
		display: inline-block;
	}
}

    Add this to your child theme or to your custom CSS and you should be good. You can take a similar approach to the entry-header and to the comments if you want.

Viewing 1 replies (of 1 total)
  • The topic ‘Align Page Content Left’ is closed to new replies.