Can someone help with positioning the button in image with text in the center of the element

Technical Q&A

Topic summary

Main issue: The OP wants a button in an “image with text” layout to be centered across the entire element on desktop—i.e., positioned below both the left-side image and right-side text, rather than only beneath the text column.

Clarification request: A responder asked what “center of the element” means, requesting a sample image and the store URL for context.

Update from OP: The store isn’t live yet, but they clarified the current behavior (image left, text right, button under the text) and the desired result (button centered under both sections).

Status: No code, visuals, or URL provided yet; no solution proposed. The thread is open and awaiting either example assets or further details to guide CSS positioning changes.

Summarized with AI on December 29. AI used: gpt-5.
1

Hello everyone I am trying to position the buttons in the image and text element to center to the element, not only center to where the text part in this element is. Is there a way to achieve this ? Any help is well appreciated ! I know there are some really knowledgeable people on here . Surely someone did it !

1 Like
2

Hi @Hushhush

What do you mean center of the element? Do you have sample picture? Would you mind to share also your store URL? Thanks!

3

Sorry for the late replay . It is not live yet the store but basically when you add a button to a image and text element the button is positioned under the text part when viewed on a desktop :desktop_computer: . The image is on the left and the text is on the right with the button underneath. I would like to position the button in the center bellow the image and the text. Hopefully this makes sense to you and would really appreciate the help . Thank you and have a lovely week .