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

Ellibelle
Explorer
62 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 Expert
3376 447 495

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development