We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Adjust slideshow image height & button label size

Solved

Adjust slideshow image height & button label size

ashishsharma178
Excursionist
56 0 4

Kindly help to adjust slideshow image height: large for mobile & medium for desktop.

 

Also let me know how could I reduce the SHOP NOW button size in image slides as highlighted below.

 

ashishsharma178_0-1721923149350.png

 

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2401 695 836

This is an accepted solution.

- Here is the solution for you @ashishsharma178 
- Please follow these steps:

step.png

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (min-width: 750px) {
    .banner--medium:not(.banner--adapt) {
        min-height: 42rem !important;
    }
}
.banner__buttons .button {
 padding: 0 !important;
    min-width: 100px !important;
    min-height: 40px !important;
    font-size: 15px !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1721924902280.png

 

BSSTekLabs_1-1721924915037.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2401 695 836


Hello @ashishsharma178 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2401 695 836

This is an accepted solution.

- Here is the solution for you @ashishsharma178 
- Please follow these steps:

step.png

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (min-width: 750px) {
    .banner--medium:not(.banner--adapt) {
        min-height: 42rem !important;
    }
}
.banner__buttons .button {
 padding: 0 !important;
    min-width: 100px !important;
    min-height: 40px !important;
    font-size: 15px !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1721924902280.png

 

BSSTekLabs_1-1721924915037.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
ashishsharma178
Excursionist
56 0 4

Could you help how to align SHOP NOW button at the center of the above heading. For example, button should be at the center of the heading named as serene skies.

ashishsharma178
Excursionist
56 0 4

Could you help how to align SHOP NOW button at the center of the above heading. For example, button should be at the center of the heading named as serene skies.