Two buttons specific reposition

[nothingchanges]

Hi all!

I need some help with my website.

Website link : https://nothingchanges.com.my/

1. How to remove this extra spacing here. Refer image below

2. How to make the 2 buttons in the middle in each boxes and make the button transparent with white text and white outline? by using custom css code.

Thanks in advance!

[CodingFifty]

Hey! @nothingchanges,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media screen and (min-width: 7690px) {
    .slider--desktop .slider__slide:first-child {
        margin-left: 0px !important;
        scroll-margin-left: 0px !important;
    }

div#Banner-template--24573836820843__image_banner_nWqxB7 .banner__buttons {
    display: inline-flex;
    gap: 59rem !important;
    max-width: 100% !important;
    justify-content: space-evenly !important;
}
}

[nothingchanges]

Thank you! Everything worked except for the button reposition. Could you assists me by providing a CUSTOM CSS code instead?

[CodingFifty · Accepted solution]

Try this code @nothingchanges 

@media screen and (min-width: 769px) {
    .slider--desktop .slider__slide:first-child {
        margin-left: 0px !important;
        scroll-margin-left: 0px !important;
    }
    div#Banner-template--24573836820843__image_banner_nWqxB7 .banner__buttons {
    display: inline-flex;
    flex-wrap: nowrap !important;
    gap: 55rem !important;
    max-width: 100% !important;
    word-break: break-word;
}
}

[nothingchanges]

which line should i paste it?

[CodingFifty]

Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

[nothingchanges]

YOU ARE AMAZING! THANK YOU SO MUCH!