Help moving text closer together and button lower in corner - Prestige Theme

Help moving text closer together and button lower in corner - Prestige Theme

Ellibelle
Explorer
65 0 18

Hello all,

Please could you someone tell me how I can move the text and SHOP ALL button lower down and closer together on my homepage slideshow banner. See image.

 

URL: ellibellejewellery.com

 

Screenshot 2024-01-24 at 19.28.00.png

 

Reply 1 (1)

BSS-Commerce
Shopify Partner
3477 464 551

Hi @Ellibelle ,

As your requirement, you can fix CSS, the result like this image: 

#Mobile view: 

view - 2024-01-29T135829.844.png

#Desktop view:

view - 2024-01-29T135903.554.png

In admin.Shopify: 

Sale channels => Online store => Themes => Edit code. Search theme.css and insert the CSS at the end of the file:

.Slideshow__Content.Slideshow__Content--bottomLeft {
    line-height: 0.5;
    bottom: 0 !important;
}

.SectionHeader .SectionHeader__ButtonWrapper {
    margin-top: -10px !important;
}

Save and reload the page.

Hope it helps @Ellibelle 

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


B2B Solution & Custom Pricing | 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