How can I alter the dimensions of my homepage banner and change button colors?

[FH2022]

Hi there community,

Seeking help! My shop is currently using Dawn theme.

1. What dimension or pixel should I use to make the homepage top banner look shorter (in terms of width)
   

   

2. There is a View All button on my homepage (under Featured Products) How can I change the button to white background with black words?
   

   

Thanks so much for helping!!

[ZestardTech]

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

[GemPages]

Hello @FH2022 ,

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

[MandasaTech]

Hello @FH2022
Please share your website URL.

[FH2022]

Hi MandasaTech,

My store URL is www.azorehomeliving.com
PW is 12345

Thanks for your help

[FH2022]

Hi GemPages,

My store URL is www.azorehomeliving.com
PW is 12345

Thanks for your help

[FH2022]

Hi ZestardTech

My store URL is www.azorehomeliving.com
PW is 12345

Thanks for your help

[MandasaTech]

@FH2022

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 :

.button { background-color: white; }

1. What dimension or pixel should I use to make the homepage top banner look shorter (in terms of width)

You need to add this size of banner - width: 1600px height:700px

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.center.collection__view-all.small-hide.medium-hide a.button {
background-color: #fff;
}