Banner image resizing?

Solved

Banner image resizing?

jeffreym
Excursionist
34 1 7

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!Screenshot 2024-06-24 at 10.51.40 AM.png

Accepted Solution (1)
BSSCommerce-TA
Shopify Partner
123 24 24

This is an 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: 

BSSCommerceTA_0-1719214312811.png

 

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 7 (7)

BSSCommerce-TA
Shopify Partner
123 24 24

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.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
jeffreym
Excursionist
34 1 7

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

BSSCommerce-TA
Shopify Partner
123 24 24

This is an 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: 

BSSCommerceTA_0-1719214312811.png

 

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
jeffreym
Excursionist
34 1 7

thankyou kind sir!

jeffreym
Excursionist
34 1 7

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.
Screenshot 2024-06-25 at 12.00.43 PM.pngScreenshot 2024-06-25 at 12.01.18 PM.png

zaczee
Globetrotter
855 46 42

Hi @jeffreym 

 

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

jeffreym
Excursionist
34 1 7