Adjust slideshow image height & button label size

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.

1 Like

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.

  • 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:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

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.

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.