Moving the position of a button on landing page

[majaa]

Hi,

How do I adjust the button size (so it's bigger), and position on the image banner landing page for Shopify Dawn theme?

see below in red. 

URL: https://sixinch.com.au/

pass: reapis

[Tech_Coding · Accepted solution]

Hello @majaa 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
     .banner__content.banner__content--middle-center.page-width {
         position: relative;
     }
     .banner--desktop-transparent .banner__box {
         position: absolute;
         top: 20%;
         left: 10%;
    }

    .banner__buttons a {
        padding: 0 6rem !important;
    }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[majaa]

This works - thank you so much. 

[devcoders]

Hello @majaa 

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.

@media screen and (min-width: 750px) {
.banner__content.banner__content--middle-center.page-width {
position: relative;
}
.banner--desktop-transparent .banner__box {
position: absolute;
top: 20%;
left: 10%;
}

.banner__buttons a {
padding: 0 6rem !important;
}
}