This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

H1, H2, H3 Styling

Resolved 9 replies premiumthemetheme-vantage
SBHFmarketing
Started · Latest reply by Andrew Misplon

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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff

    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. 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. Andrew Misplon Staff

    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. 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. Andrew Misplon Staff

    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. 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. Andrew Misplon Staff

    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. SBHFmarketing

    Thank you! That fixed the problem.

  9. Andrew Misplon Staff

    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.

Have a different question or issue?

Start New Thread