Alter text alignment on homepage heading text only

• 

  insightperth · Member · Dec 6, 2016 at 8:55 am

  • Copy link
  • Add topic to favorites

  We have altered the CSS for .page-template-panel-page .hentry.has-post-thumbnail but need to alter the text alignment of the page heading to center and the paragraph text to center without affecting other pages. I suppose I need to know how to apply the relevant CSS to the page id of the homepage only – just not sure how to do this.

  Current CSS in place:

  .page-template-panel-page .hentry.has-post-thumbnail {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0;
  color: #ffffff;
  position: relative;
  opacity: 0.9;
  }

  Need to add text-align: center without affecting any other pages than the heading homepage ‘Welcome to WA Business Valuations’ please.

  Theme: Shoreditch

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

• 

  thesacredpath · Member · Dec 6, 2016 at 8:56 pm

  • Copy link

  On the home page, if you wish to center the text and button over the top image, we can use the “home” CSS class from the opening body HTML tag and then also use the unique post CSS class (post-5) and target only that post.

  .home .post-5 .hentry-wrapper {
  	text-align: center;
  }