Bullet Alignment 7.1?

Site URL: https://www.mattportch.com/digital-gift-cards

Hi,

How would I centre this text better on MOBILE view?

I think because of the numbered bullets its pushing it to the right(?) I need it to sit more to the left.

Have you tried selecting the content of the text block and align it to the left?

No, I want it centred. I just think the numbered bullets are causing it to be too far right.

Try putting the following in Page Settings > Advanced > PAGE HEADER CODE INJECTION.

<style>

  ol {
  
    padding-left: 30px;
    
    }
    
</style>

My testing showed that padding-inline-start; started at 40px. If 30px doesn't pull it enough to the left play with the number to suit.

Does this achieve the effect you want?

Let us know how it goes.

Thanks!

Your suggestion probably works but I've already solved.

I parted the text into seperate boxes with spacers in between and managed to pull it across using a block code.

I did find 'ol' but didn't know the rest. I'm not a coder at all but you can pick up a few things in these forums.

I just checked out of curiosity and 'padding-inline-start:' was in red when placed in the header so that might need correcting anyway. But no worries.

45 minutes ago, mportch said:

'padding-inline-start:' was in red when placed in the header

I jumped that gun on that one so don't use it. Not that you need it now but padding-left would be more correct. Updating my previous post.