How do I centre text in 'image with text' section?

Store Design
, ,
1

How do i centralise text in ‘image with text’ section. Theme is Envy 26.5.0

If i need to add code please can you be specific about where it needs to go as i’m new to coding

Thanks :slightly_smiling_face:

2

Hi @jenbourge ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

BSSCommerceB2B_0-1718122398151.png
BSSCommerceB2B_0-1718122398151.png400×195 26.3 KB

Step 2: Search for the file base.css, theme.css, styles.css or theme.scss.css. And add this code snippet to the end of the file.

.image-with-text .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

In this step:

  • image-with-text .text-container: Targets the container holding the text within the “image with text” section.
  • display: flex: Applies flexbox layout to the container.
  • flex-direction: column: Ensures the content is laid out in a column (vertically).
  • justify-content: center: Centers the content vertically within the container.
  • align-items: center: Centers the content horizontally within the container.
  • text-align: center: Ensures the text itself is centered within its container.

Step 3: Save your code and reload this page.

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

If it’s still not correct, could you please specify exactly where you need to center text by taking a screenshot and marking it?

Or Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Have a nice day sir!