Hi there,
I have used code to centre text etc. but on some different screens usually wider ones somethings are at different locations for example the quantity selector below and where the red square is the name and the stars are not aligned. i’ll add the code which i am using on the site under the images any help is appreciated. Thank you.
@media screen and (min-width: 990px) {
.title-wrapper-with-link {
align-items: center;
justify-content: center;
}
}
.price {
text-align: center;
}
.button,
.button-label,
.shopify-challenge__button,
.customer button {
color: #000 !important;
}
.quick-add__submit,
#ProductSubmitButton-template–23181705642311__1a50ed06-4aea-4880-aa90-9275eda9fe5a,
#ProductSubmitButton-template–23181705642311__9803d0e9-87e1-45f7-a189-adfa8f700b7b,
#ProductSubmitButton-template–23181705642311__6accbc60-59b0-4012-ba9b-d0ac5cd19eaa,
#ProductSubmitButton-template–23181705806151__main {
background: #fdd017;
}
.image-with-text:not(.image-with-text–overlap) .color-background-1,
.image-with-text.image-with-text–overlap
.image-with-text__media.color-background-1 {
border: none;
}
label.form__label.custom {
color: #fdd017 !important;
}
@media screen and (max-width: 990px) {
.list-menu__item {
display: flex;
align-items: center;
justify-content: center !important;
}
}
@media screen and (min-width: 750px) {
.footer-block__details-content > li:not(:last-child) {
margin-right: 0;
}
}
.custom .field__input {
border: 1px solid #fdd017;
}
