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
260 43 41

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
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
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
260 43 41

@M1000M We need your store password to check it 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
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
157 56 50

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

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
260 43 41

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
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
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
260 43 41

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
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
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
260 43 41

Hi @M1000M 
hare is your screen short

BrainStation23_0-1709887569962.png

 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
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 ?