Centering the titles and logo

• 

  maplecollarrecruitment · Member · Dec 1, 2016 at 6:00 am

  • Copy link
  • Add topic to favorites

  Hi, I used the following CSS code to make my homepage full-width as shown as below:

  <CSS code>
  .features .grid {
  margin: 0;
  max-width: 100%;
  width: 100%;
  padding: 0;
  }

  <homepage>
  https://mc-recruitment.com/

  So, I used the same code to apply on different pages. (“Our areas of expertise” section in the homepage. Hospitality, Restaurants, Transportation etc.)

  but with this code, it sets the titles to the left and leaves a gap on the right side.
  Here is a screenshot:
  https://cloudup.com/iSqq1fmEBkK

  I would like to use a CSS code to make the titles centered like this
  https://cloudup.com/iAwCI6E4Dot

  Thanks.

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

• 

  thesacredpath · Member · Dec 5, 2016 at 7:30 pm

  • Copy link

  Hi there, add the following to your custom CSS.

  .twelve.column h1.features-title {
      display: block;
      margin-left: auto;
      margin-right: auto;
      float: none;
      text-align: center;
  }