Move button from below image to above in 'Text Column with Images' section in Broadcast theme

Store Design

Topic summary

A user seeks help repositioning CTA buttons in the ‘Text Column with Images’ section of the Broadcast theme—currently below images, they want them above.

Proposed Solution:

  • Another user provides custom CSS code to add to assets/theme.css
  • The code targets specific section IDs and adjusts positioning, padding, and width properties using media queries

Current Status:

  • The suggested CSS solution did not work
  • The issue remains unresolved, with the original poster expressing disappointment
  • No alternative solutions have been offered yet
Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

Hi, I’m using the ‘Text Column with images’ section on my homepage using Broadcast theme. The CTA Buttons default to below the image. Wondering if I can get help moving on top of image instead. Thanks in advance!

URL: www.qori.nyc

PW: thauld

2

@Winhac3

Please add the following CSS code to your assets/theme.css bottom of the file.

@media only screen and (max-width: 750px){
#SectionColumns--template--16667549565173__5a1bc718-0430-4661-ae67-fe23e3193fe6 .column__grid__item {
    padding: 0 var(--inner) 0;
    margin-top: 3% !important;
}

#SectionColumns--template--16667549565173__5a1bc718-0430-4661-ae67-fe23e3193fe6 .column__content {
    padding: var(--inner) 0;
    position: absolute !important;
    top: -8% !important;
    width: 100% !important;
}
}

Thanks!

3

Hi, thanks for the response!
Unfortunately, that did not work :disappointed_face: