How can I center align product variants on Dawn theme?

[skai]

hello, im trying to align every thing on center , it worked on phone exepet for amount but on desktop it looks weird. im using dawn default theme

[LitCommerce · Accepted solution]

Hi @skai,

Please add code:

.product__info-container {
    text-align: center;
}
.product-form__input, .product-form__quantity .quantity {
    margin-left: auto !important;
    margin-right: auto !important;
}

[KetanKumar]

@skai 

oh sorry for that issue can you please share store url so i will check and let you kno 

[skai]

yes friend, thank you https://dleofficial.myshopify.com/

[GemPages]

Hello @skai 

Can you give me your Store  password so I can check it for you?

Kind & Best regards,
GemPages Support Team

[Musfirah]

Ho @skai , Kindly provide your store password so I can help you with this?

[skai]

yes, password is dle

[skai]

yes, password is dle

[LitCommerce]

Hi @skai,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product-form__input,
.product-form__quantity .quantity {
    margin-left: auto !important;
    margin-right: auto !important;
}

Hope it helps!

[skai]

didn't help.

[LitCommerce · Accepted solution]

Hi @skai,

Please add code:

.product__info-container {
    text-align: center;
}
.product-form__input, .product-form__quantity .quantity {
    margin-left: auto !important;
    margin-right: auto !important;
}

[skai]

thank you so much friend.

[skai]

hey sorry friend again, how can i remove the footer completely? No line separator and the @2022 dleofficial at the bottom?

[LitCommerce · Accepted solution]

Hi @skai,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.footer {
display: none !important;
}

Hope it helps!

[skai]

amazing friend