How can I center an image and fix text alignment?

Store Design

Topic summary

A user seeks help centering a footer image and fixing text alignment issues on their Shopify store.

Two solutions provided:

PageFly representative suggests:

  • Navigate to Online Store → Theme → Edit code
  • Add CSS to base.css file targeting .footer-block-image>img with specific margin and width properties
  • Includes CSS for business hours text formatting with white-space and content properties

GemPages team offers:

  • Similar approach through Theme → Edit code
  • Instructions to paste markup code before </head> tag in theme.liquid file
  • Includes a reference screenshot

Both solutions involve custom CSS modifications to the theme files. The user shared their store URL to enable direct assistance. The issue remains open pending user feedback on which solution works.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I’m looking to center this image and fix the alignment of this text. Can someone please help?

Screenshot 2023-02-22 at 11.51.24 AM.png
Screenshot 2023-02-22 at 11.51.24 AM.png1371×675 57.8 KB

2

Hi @SKLearn

Please share your store URL( with pass if your store password is enabled ). So that we can help you.
Thank you.

3

Here is the store URL

https://474-sports.myshopify.com/

4

Hi @SKLearn ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file

.footer-block-image>img {
  margin-right: 220px;
  margin-top: 20px;
}

.footer-block__details-content.rte >p:nth-child(2) {
  content:"'Central Hours:\a' 'M-F - 3 AM - 9 PM \a Sat - 11 AM - 8 PM \a Sun - 12 PM - 6 PM'"; 
  white-space: pre-wrap;
  width:200px;
}

Hope my answer will help you.

Kate from PageFly Team

1 Like
5

Hello @SKLearn ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1677115077873.png
GemPages_0-1677115077873.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

1 Like