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.

Please send me screenshot base.css file.

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

Giorolling June 14, 2023, 2:10pm 7

it doesnt work

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

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

Related topics