Hey, How can i add a gap between 2 buttons and also move them but a certain amount on the X/Y-Axis See example below of how it currently looks and how I want it to look. this can be found on homepage: https://okell-s.myshopify.com/ Password: beer [what I want.PNG]

Hi @Giorolling . Follow These steps, Go to the online store theme and go to base.css file paste the code mentiond below. .banner--desktop-transparent .banner__box { max-width: 100rem; } .banner__buttons { gap: 49rem; max-width: 100rem; } .banner__box { padding: 30px 0 !important…

Is there a way I can add custom css to this section in particular instead? Because i dont want the buttoms moved for all sections

use this code div#Banner-template--19348940062998__image-banner .banner__buttons { gap: 49rem; max-width: 100rem; } section#shopify-section-template--19348940062998__image-banner .banner--desktop-transparent .banner__box { max-width: 100rem; }

Go to the online store theme and go to base.css file paste the code mentiond below.

It is working. [CassieDonnel_0-1686752599732.png] refresh your website and open the incognito tab.

Oh, you are correct, I see it working, but on my screen the buttons are very much off. [for me.PNG]

Add spacing between buttons and position them the way I want on Dawn/Origin theme

Store Design

CassieDonnel June 14, 2023, 2:15pm 8

Please send me screenshot base.css file.

Topic		Replies	Views
Add Spacing between 2 buttons Store Design css	3	70	July 19, 2024
Padding (spacing) between two buttons on image banner Store Design customizations , shopify-themes	4	210	April 28, 2023
Two buttons specific reposition Store Design design , customizations , css	6	66	June 13, 2025
I like to have more space (padding) between the two buttons in Dawn theme Store Design css	6	48	April 17, 2023
BUTTON ALLIGNMENT Store Design design , customizations , css	6	56	June 22, 2025

Add spacing between buttons and position them the way I want on Dawn/Origin theme

Related topics