How can I reposition a button on the Studio Theme?

Store Design
, , , , ,

Topic summary

A user wants to reposition a button on their Shopify store (Glowcare.se) using the Studio theme to match the placement shown in an image banner.

Technical Details:

  • Two reference images were shared showing the desired button position and the current button location
  • The user is seeking CSS customization help

Proposed Solution:
A community member provided CSS code to add to the theme files:

  • Navigate to: Online Store → Theme → Edit code → Assets → section-image-banner.css
  • Add custom CSS targeting .banner__content and related classes
  • The code includes width and alignment properties marked as !important

Status: The solution has been offered but not yet confirmed as working. The discussion remains open pending user testing and feedback.

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

Hi Team.

I added a image banner and I would like to move the button in the same position of one of my image banner.

Store: Glowcare.se
PS: Glowcare1991

The button place and size I want to copy:

GeeKyuu24_0-1696939747287.png
GeeKyuu24_0-1696939747287.png1901×892 171 KB

The button I want to move:

GeeKyuu24_1-1696939776981.png
GeeKyuu24_1-1696939776981.png1883×918 227 KB

2

Hello @GeeKyuu24

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->section-image-banner.css>Add this code at the bottom.

.banner__content.banner__content--bottom-right {
    align-items: center !important;
}
.banner__box.content-container.content-container--full-width-mobile.color-scheme-6aac9d87-4d14-46ff-a4af-1a4d3f47989f.gradient {
    width: auto !important;
}