aligning h2 in center

• 

  ahhkneeball · Member · Jan 11, 2016 at 8:36 pm

  • Copy link
  • Add topic to favorites

  So I made my page do jumps when you click on the menu buttons, but since I can only place the anchor in the text it jumps past the title. I put the h2 in the text so that I can make it the anchor for the jump, but the only problem is that I can not center it. I have tried css and just simply centering on the text editing page. Any one know of other ways to just set a blanket css for all text?

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

• 

  thesacredpath · Member · Jan 12, 2016 at 8:52 am

  • Copy link

  Given the way things are structured, this is difficult to do. All of your titles are about the same width, with the exception of Testimonials. If they were all the same width, then the following would work, complicated as it is.

  .pique-panel-content .entry-content h2 {
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      width: 300px;
  }

  You can add a “style” to the h2 for testimonials and set a width. What is in the HTML/content will override the CSS, so it would look something like this, which you can put in in the Text tab in the editor.
  <h2 style="width: 400px;">Testimonials</h2>