Main Page Type doesn't match the rest of the web page

• 

  safeplaypro · Member · Jan 4, 2017 at 7:50 pm

  • Copy link
  • Add topic to favorites

  I would like the main page: Font, paragraph width, line spacing, everything to match all subsequent pages.

  My home page font is HUGE. It looks like my website is for children.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 5, 2017 at 6:09 pm

  • Copy link

  Hi, let’s add a second rule to your 768px Media Query so it looks like this

  @media screen and (min-width: 768px) {
  	.main-navigation {
  		width:inherit;
  	}
  	.page-template-front-page .site-main > .hentry:first-of-type .entry-content {
  		font-size: 1.125rem;
  	}
  }

  and then add the following rule below that media query (so it isn’t inside the query).

  .page-template-front-page .site-main > .hentry:first-of-type .entry-content {
  	font-size: 1.125rem;
  }