Changing color and Making banner Bigger

[TuneToyz]

Hello my website is tunetoyz.com password tunetoyz123 

I need help making this section bigger and making the font white

I want it to look kind of like this

 Thank you!

[Tech_Coding]

Hello @TuneToyz 

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>
   .banner__content.banner__content--middle-center{
        justify-content: end !important;
   }
   .banner__box .banner__heading strong {
       color: #fff !important;
       padding: 0 !important;
       font-size: 60px !important;
    }
    .banner__buttons a {
        background: #fff !important;
        color: #000 !important;
    }
</style>

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

[TuneToyz]

hey this is what happens when I add this. 

[devcoders · Accepted solution]

Hello @TuneToyz 

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

.banner__box .banner__heading strong {
color: #fff !important;
padding: 0 !important;
font-size: 60px !important;
}
.banner__buttons a {
background: #fff !important;
color: #000 !important;
}

[TuneToyz]

hey this code does not work I tried adding it to base.css and it didnt work

[devcoders]

Hello @TuneToyz 

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

3. Paste the below code before </body> on theme.liquid

.banner__box .banner__heading strong {
color: #fff !important;
padding: 0 !important;
font-size: 60px !important;
}
.banner__buttons a {
background: #fff !important;
color: #000 !important;
}