HTML Not Centered

  • Unknown's avatar

    I added a calendar on this page with custom HTML : https://gcas.ie/academics/course-catalogue

    It is not centered on chrome, but is on other browsers. Does anyone have some advice for html or custom css to help this? Thanks in advance!

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

  • Hi! I had a look at the page in a Chromium (Chrome) browser, as well as Safari and Firefox – it looks like it’s left-aligned in all three. For example here’s an excerpt screenshot from Safari showing the space on the right:

    One thing which might work:

    1. Insert a Group block on your page, and ensure that the block is set to ‘wide’ or ‘full width’ alignment. In the Group block settings in the right-hand panel, it should let you also choose the ‘justification’ – this can be centered.
    2. Place your iframe code in the Custom HTML block, within the Group block

    This should theoretically get it centered without needing to deal with the CSS!

  • Unknown's avatar

    Hi! You can try editing your html and wrap your iframe inside a <center> tag like this:
    <center><iframe> iframe content as is </iframe></center>

  • The topic ‘HTML Not Centered’ is closed to new replies.