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

[Giorolling]

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

[CassieDonnel]

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;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

[Giorolling]

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

[CassieDonnel]

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;
}

[Giorolling]

where?

[CassieDonnel]

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

[Giorolling]

it doesnt work

[CassieDonnel]

Please send me screenshot base.css file.

[Giorolling]

[CassieDonnel]

It is working.

refresh your website and open the incognito tab.

[Giorolling]

Oh, you are correct, I see it working, but on my screen the buttons are very much off.