How do I move the caption to the right/middle side?

How do I move the caption to the right/middle side?

M1000M
New Member
10 0 0
  • How do I move the caption to the right/middle side?

  •  
Replies 15 (15)

BrainStation23
Shopify Partner
416 62 61

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

 

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
M1000M
New Member
10 0 0
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
 
 
Screenshot_186.png
 
 
 
 
M1000M
New Member
10 0 0
BrainStation23
Shopify Partner
416 62 61

@M1000M We need your store password to check it 

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
M1000M
New Member
10 0 0

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"

Vinsinfo
Shopify Partner
486 165 169

@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.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
M1000M
New Member
10 0 0
 

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.

 

Screenshot_186.png

BrainStation23
Shopify Partner
416 62 61

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:

BrainStation23_0-1709815207408.png

 

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
M1000M
New Member
10 0 0

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 titleScreenshot_187.png

BrainStation23
Shopify Partner
416 62 61

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:

BrainStation23_0-1709818755991.png

 

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
M1000M
New Member
10 0 0

icant find the componen-card.css can you send screenshot ?

M1000M
New Member
10 0 0

hi man are you here ?

BrainStation23
Shopify Partner
416 62 61

Hi @M1000M 
hare is your screen short

BrainStation23_0-1709887569962.png

 

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
M1000M
New Member
10 0 0

here ? idont understand where exclty can i have full screenshot ?

 Screenshot_188.png

M1000M
New Member
10 0 0

here ? idont understand where exclty can i have full screenshot ?