Home>Support>H1, H2, H3 Styling

H1, H2, H3 Styling

By SBHFmarketing, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

I have numerous H2 and H3 tags throughout our site. For some reason the custom css I am adding to the tags to align left or center are not working. I have looked through our stylesheet and can’t seem to find any underlying setting that would be causing this not to work. Is there something I am missing? Thank you.

URL: http://safebabieshealthyfamilies.org/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi SBHFmarketing

    Thanks for reaching out.

    Can you perhaps point out a specific heading on a page that you’re expecting to be centre aligned?

  2. 8 years, 11 months ago SBHFmarketing

    I am having the problem on 2 pages:
    -http://safebabieshealthyfamilies.org/event/fashion-show/ (Can’t center images or headings in separate tables)
    – http://safebabieshealthyfamilies.org/event/gala/ (Can’t align heading on this page, automatically right aligned)

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    http://safebabieshealthyfamilies.org/event/fashion-show/

    Are you trying to center align headings like this: Fashion Show Partners
    If so, the problem there is you only have one table cell and the rest of the table has two in each row. You’d need to change your first row to something like this:

    <tr>
<td colspan="2" style="text-align:center;"><h4>Fashion Show Partners</h4></td>
</tr>

    http://safebabieshealthyfamilies.org/event/gala/
    The right align issue is coming from TablePress. TablePress is adding the following Custom CSS:

    .tablepress th{text-align:right}
  4. 8 years, 11 months ago SBHFmarketing

    I updated the code in both these spots and the heading are still aligned right. This is consistent throughout the entire site. On any page I have a heading tag it aligns right.

  5. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    It looks like you’ve added the following to Custom CSS:

    .tablepress th{text-align:right}

    To confirm, this rule is the problem. It was being outputted from TablePress Custom CSS. I recommend removing it from Vantage Custom CSS which can be seen at Appearance > Custom CSS. Give that a try.

  6. 8 years, 11 months ago SBHFmarketing

    I have removed that code from custom css and the heading are still aligning right. It is not just with in table press though. This is on all heading tags on almost all pages.

  7. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    At Appearance > Widgets > Header you have a Text widget. In that Text widget you have the following style block:

    h3 {text-align: right; color:#528cbf;}

    That’s causing the right alignment now.

  8. 8 years, 11 months ago SBHFmarketing

    Thank you! That fixed the problem.

  9. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Glad that helped :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More