How to make banner button wider? Dawn theme

[Javsi]

Trying to make button on the banner wide with no success. Using below code but it only makes the color wide not the actual button and text.

.banner__box>*+.banner__buttons {
  
width: 200px!important;
  max-width: 100%;
  width: 200px;
   background-color: red;
    
}
}

[GemPages]

Hello @Javsi ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[ExpertRookie]

HI @Javsi
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.banner__buttons {
width: 100%;
}
.banner__buttons .button{
width: 100%;
}

[Javsi]

Hi,

that worked beautifully but is there a way to adjust the width to my liking because this one does the job but it’s a fix width.

thanks

[ExpertRookie]

Hi @Javsi
you can change the size 100% to the size you want, ex: 200px;

[MandasaTech]

Hello @Javsi

I would like to give you a solution to support you:

1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before :

<style>
.banner__buttons a {
width: 230px !important;
}
</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

[suyash1]

@Javsi - can you please share your website link?

[Javsi]

That worked really well for me if I want two buttons side by side. Thank you very much

[Javsi]

For some reason if i add the second button next to it, is not adapting same colours as the first one?

PS. its fine, i have to define colours in code section so please ignore this.

Thanks