All things Shopify and commerce
How do I move the caption to the right/middle side?
Hi @M1000M
Can you share your store URL Please so that we can look at it, also mention please which part caption you went to set the right/middle.
If you set your caption right you use text-align: right
text-align:right
This is the link to the store, I am also attaching a picture of what I want to change, there is also a password for the store that you can enter because the store is currently closed to visitors, YeshLiZainKatan
I want to move all these squares, which I marked with a huge red square, to the middle, and also the inscription of each of them to the middle, as I marked
@M1000M We need your store password to check it
yes as i wrote there is also a password for the store that you can enter because the store is currently closed to visitors, "YeshLiZainKatan"
@M1000M Please share your store URL to provide you the correct solution and let us know in which section you are expecting to do this.
This is the link to the store https://highfashion.studio, I am also attaching a picture of what I want to change, there is also a password for the store that you can enter because the store is currently closed to visitors, YeshLiZainKatan.
I want to move all these squares, which I marked with a huge red square, to the middle, and also the inscription of each of them to the middle, as I marked.
hi @M1000M
You can follow these steps to achieve your result
Go to online sore-> Edit code-> Theme.liquid file and
Add the below code to the above </head> tag
ad
<style>
ul.grid.product-grid.contains-card.contains-card--product.contains-card--standard.grid--4-col-desktop.grid--1-col-tablet-down{
justify-content:center;
}
.card:not(.ratio) > .card__content {
justify-content:center;
}
</style>
Result:
Hi friend this helped and fixed it but still the inscription is still not quite in the middle, it is not on the same lines as the listed price and the title
Hi @M1000M
Foe these case you flow these step
Go to online store->Edit code>componen-card.css file
And use bellow code
.card-information {
text-align: center !important;
}
Result:
icant find the componen-card.css can you send screenshot ?
hi man are you here ?
Hi @M1000M
hare is your screen short
here ? idont understand where exclty can i have full screenshot ?
here ? idont understand where exclty can i have full screenshot ?
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025