Alignning the text

Store Design
1

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!

2

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.

3

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

4

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

5

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

6

hi @Dreamscape1 ,

Is this final result you want ?

BSSCommerceTC_0-1720543393756.png
BSSCommerceTC_0-1720543393756.png1299×870 321 KB

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; 
}
7

I have added the code and nothing changed

8

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
BSSCommerceTC_0-1720544326164.png925×336 21.3 KB

.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;
}
9

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

10

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 :heart:

11

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

12

Hi @Dreamscape1 ,

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

13

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

14

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.

15

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.