Text behaviour varies according to page width

[Boops]

Hi, I noted in product grid that some of the text on my product cards does not behave as expected - if the screen is too wide.

All text is set to the left underneath the card.

On a full screen, the text on the outer products appears to centre itself.

If I shrink the width of the screen slightly, the text moves to the left and looks as it should.

webpage is https://boops.co.uk/collections/kits

Many thanks, Kristian

[prakashVt]

Sorry I did not understand your issue. 
Are you referring to the product text under the image? or text in the image itself? 
Could you share screenshots? 

[BSSCommerce-HDL]

Hi @Boops, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.card__content {
    justify-content: flex-start !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Boops]

Hi, thanks for the nudge in the right direction. I went to the theme.liquid file above the /head tag and found the below code...! Deleted and all is working fine now. It must had been there for a reason so I imagine I've broken something else

<style>
.card__content {
justify-content: center;
}
</style>

[BSSCommerce-HDL]

@Boops, Did you fix it?