Banner image resizing?

[jeffreym]

Hey guys, I am trying to make my second banner image small (40px) the image has been size at.
There is only the option of adapt to above image and the original settings of small/medium/large. I want it to fit nicely as a thin strip going across. It is also a transparent image and I am trying to change the background colour. I am using scheme 3 which is set to white for me though it is not changing..?
Is there a CSS command to help with this?

Thank you in advance!

[BSSCommerce-TA]

Hi, @jeffreym 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[jeffreym]

It is also on the AUS page, I have not yet made all the pages the same.
https://hygiadental.com/
melek

[BSSCommerce-TA · Accepted solution]

@jeffreym, you should try following the instructions below

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file base.css and add this code snippet to the end of the file: 

.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
   padding: 32px !important;
}

Result: 

If you want it even thinner, lower the 32px number even lower.

[jeffreym]

thankyou kind sir!

[jeffreym]

Its funny when you come into one problem and fix it, another appears soon after! 

Now I am having troubles with my buttons not being the same as on my home page. I would like my bottons on my "SHOP" page to be the exact same colour as my home page button colours, I am not sure why it isnt working properly, I have tried multiple different schemes also though it is creating more problems, I would actually prefer if the buttons on the shop page were abit smaller and not so thick.

[zaczee]

Hi @jeffreym 

Can you share your store URL to check. We can fix it using CSS

[jeffreym]

https://hygiadental.com/