Comments

6 comments

  • Avatar
    Melvin Bassett

    Hey Seth! This shouldn't be too hard! What theme are you currently using? We did something similar in our storefront so I may be able to provide some insight.

    1
    Comment actions Permalink
  • Avatar
    Seth B

    Oh whoops, totally forgot to mention that I’m using the Flex theme. (By the way, it’s the best Shopify theme I’ve seen)

    0
    Comment actions Permalink
  • Avatar
    Melvin Bassett

    Hey Seth,

    You may want to try adding the following code to the very bottom of the styles.scss.liquid file:

    .heading-wrapper--page {
    .page__title {
      margin: 1.5rem auto;
    }

    .heading-divider {
    margin: 0 auto;
    }
    }

    Let me know if this helps!

    0
    Comment actions Permalink
  • Avatar
    Seth B

    Thanks for the effort!

    Unfortunately, that didn't work for me. I also tried putting that code in the custom css sections on the theme editor, and checked different types of pages. It seems to have some effect, but doesn't center anything.

    0
    Comment actions Permalink
  • Avatar
    Tom

    Yes I have the same issue with my Flex theme (and also attempted the code above but I don't even have a styles.scss.liquid file at all).

    The Page titles sit to the very far left of the screen, even with 'Width' set to standard. I don't know how to change it. Can anyone help? 

    0
    Comment actions Permalink
  • Avatar
    alex

    I know this is an older thread, but maybe this will save someone out there some time! I thought this would be an easy add of 'text-align:center' to a selector in the CSS, but that did nothing. This CSS worked for me:

    .heading-wrapper--page {
    align-items:center;
    }
    0
    Comment actions Permalink

Please sign in to leave a comment.