alignning the text

alignning the text

Dreamscape1
New Member
8 0 0

Hello im trying to align the text in my store, im able only to align only 1 thing its either the text or the price

 

thanks in advance! 

Replies 14 (14)

BSSCommerce-TC
Shopify Expert
165 36 36

Hi @Dreamscape1 ,

Can you kindly share the details of your problem (screenshot/ record) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Dreamscape1
New Member
8 0 0

yes visit my site https://www.dreamscapejourney.com/ and take a look

i have tried to attach a screenshot but its not letting me do that for some weird reason 

Dreamscape1
New Member
8 0 0

Im trying to align text and price so it will look good but i only able to align price or title not both of them at the same time

BSSCommerce-TC
Shopify Expert
165 36 36

hi @Dreamscape1 , 

Is this final result you want ?

BSSCommerceTC_0-1720543393756.png

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

.card__information .card__heading {
    text-align: center !important;
}

.card-information > .price {
    text-align: center !important; 
}

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Dreamscape1
New Member
8 0 0

I have added the code and nothing changed

BSSCommerce-TC
Shopify Expert
165 36 36

Hi @Dreamscape1  ,

I was doublecheck on your site , you need replace code from line 3458 to the end. ( as shown in figure )

BSSCommerceTC_0-1720544326164.png

 

.animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px; /* Prevent the border from growing on buttons when this effect is on. */
}

.grid-view-item.product-card .product-card__title {
    text-align: center !important;
    padding-bottom: 10px;
}

.card__information .card__heading {
    text-align: center !important;
}

.card-information > .price {
    text-align: center !important;
}

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Dreamscape1
New Member
8 0 0

I have added it in base.css at the end of the line

BSSCommerce-TC
Shopify Expert
165 36 36

Hi @Dreamscape1 

Some of your code  have errors, which is why it didn’t work. Please try the solutions I suggested earlier.

If our suggestion is useful, please let us know by giving a like and mark as solution. Thank you ❤️

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Dreamscape1
New Member
8 0 0

thank you but how can i format the code to the original code?

BSSCommerce-TC
Shopify Expert
165 36 36

Hi @Dreamscape1 ,

Can you please clarify in more detail? I don’t quite understand what you mean.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Dreamscape1
New Member
8 0 0

There is errors in base.css and i can't figure how to fix it, how can i format the code to its default?

BSSCommerce-TC
Shopify Expert
165 36 36

Hi @Dreamscape1 ,

You cannot format the code back to default. The only way to do it is to create a draft theme and copy the entire original code to the new one.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
BSSCommerce-TC
Shopify Expert
165 36 36

Hi @Dreamscape1 ,

 

We're happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

 

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

 

Thanks in advance.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Dreamscape1
New Member
8 0 0

My website link is: https://www.dreamscapejourney.com/