Color, centralization and images changes on site

[Dina-Team]

this is the website:

https://dreamydirina.com

There's a few changes I cannot make it work:

- I need to center the only product on the home page
- Remove the side social links
- change text color on a few pages
- change images on product page to slider
- Header background color on mobile

[KetanKumar]

@Dina-Team 

Sorry, you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/engo-customize.scss.liquid->paste below code at the bottom of the file.

.tab-content .row {
    justify-content: center;
}
.tab-pd-details .product-desc {color: #fff;}
.shopify-payment-button__button--unbranded {color: #cc9626 !important;}
.shopify-payment-button__button--unbranded:hover {color: #fff !important;}
.prod_sticky .detail-share-social .share-product-title {background: #cc9626;}

[Dina-Team]

Great! Thanks! that helped on the product centralization.

Can you help on the menu background color on mobile and slider images for product pages? Thanks

[KetanKumar]

@Dina-Team 

yes, please further issue screenshot 

[Dina-Team]

https://dreamydirina.com/products/dreamy-dirina-waist-trainer?variant=39261148971194

The images are one below the other, we want them in slider format

[KetanKumar]

@Dina-Team 

oh i see can you please add this css code

.prod_sticky .content-page-detail .detail-info .btn-action .js-qty input[type="text"] {
color: #fff;
}

[Dina-Team]

ere should i add it? I've added on the same as the above code, but it didnt work, product images are still one above the other

https://dreamydirina.com/products/dreamy-dirina-waist-trainer?variant=39261148971194

[KetanKumar]

@Dina-Team 

can you please add me on staff account so i will check and quick update