Product cards alignment

Store Design
,
1

As you can see, the price of each product is not aligned. I want it positioned at the bottom. How can I achieve this?

NebulaKing742_0-1725098756159.png
NebulaKing742_0-1725098756159.png1356×550 207 KB

2

@xeliporit12 , Can you kindly share you store url and password?

3

@BSSCommerce-B2B , i’ve sent it in private chat :slightly_smiling_face:

4

@xeliporit12 ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above
1 Like
5

It worked! Thank you so much. Can you help me center the image please?

xeliporit12_0-1725099983022.png
xeliporit12_0-1725099983022.png1160×411 146 KB

6

You can add this code after

BSSCommerceB2B_0-1725100101592.png
BSSCommerceB2B_0-1725100101592.png1041×419 32.3 KB

.card__content .card__information { 
     display: flex; 
     flex-direction: column; 
     justify-content: end; 
 }
 .card .card__media img {
    object-fit: contain;
 } 
 .card__content {
   flex-grow: unset;
 }
 .card__inner {
   flex-grow: 1;
 }
1 Like
7

Work like a charm, but I would like the white background if possible please :slightly_smiling_face:

8

Of course, you can add more this code

.card__inner {
  background: white!important;
}

Hope it helps :heart_eyes:

1 Like
9

You are the best man. I really appreciate that :blush: One last question how can i remove this part from my page ?

xeliporit12_2-1725100924078.png

10

@xeliporit12 , use this code

.footer__copyright {
  display: none!important
}
1 Like
11

Thank you so much man! You’ve made it look amazing. I really appreciate your hard work :blush: