Align text to center on featured collection in Debut

Solved
janisk
New Member
6 0 0

I've tried using all kinds of ways to get text to align to center and nothing works. I noticed that the codes with "div#section-section-xxxxxx" don't do anything whenever I apply and modify them, so I figured maybe that's some sort of an issue. For example,

div#shopify-section-1585345360052 .product-card {
    text-align: center;
}
div#shopify-section-1585345360052 .price {
 align-items: center; 
}

Page url: tworagrets.myshopify.com

https://3etn22rd00b5s0k7-53093957785.shopifypreview.com

0 Likes
JHKCreate
Shopify Partner
2052 335 448

Hi @janisk 

What element are you looking to align exactly?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
dmwwebartisan
Shopify Partner
4570 1028 1321

This is an accepted solution.

@janisk 

Please add the following code at the bottom of your assets/theme.css file.

.price{
align-items: center;
}
.product-card__title{
display: block;
text-align: center;
}

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
janisk
New Member
6 0 0

Yes this worked! Thank you so much. It did bring up another issue though, now when I hover over the item in Featured list, it puts a line between the title of product and price

0 Likes
janisk
New Member
6 0 0

the product-card.title also finally helped me figure out how to get my product images to zoom on hover, which was an issue happening for similar reasons to the first post I made. Can you tell me how I can get Collection thumbnails to also zoom and fade on hover? Whats their part in code called, if product-card.title is for featured collection images?

0 Likes