How can I change the text size and alignment of my featured product?

Store Design
, , , , ,
1

FlipShop_0-1693175640153.png
FlipShop_0-1693175640153.png1209×456 84.4 KB

Hello,

I would like to ask for help regarding an issue. I would love to have the text on this featured product “La nuova arrivata” way bigger and aligned at center. Also, I would like to have the “Visualizza” on the center as well and prices a little bigger. is it possible?

2

hi @FlipShop

Its SideNode! We will be happy to help you today.

Could you please share the URL of the frontend, so I can view the website and fix that what u want ?

Regards,
SideNode

3

Hello, thank you!

www.flipshop.it

4

hi @FlipShop
Its SideNode! We will be happy to help you today.

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->section-main-product.css>Add this code at the bottom.

.link.product__view-details.animate-arrow {
    text-align: center;
}

you can see the change

SideNode_0-1693547120561.png
SideNode_0-1693547120561.png1365×367 117 KB

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

5

It worked! sadly partly, because there are the last 2 lines that are still on the left

FlipShop_0-1693565576012.png
FlipShop_0-1693565576012.png691×259 9.74 KB

6

IMG-6922.jpg
IMG-6922.jpg960×1343 74.4 KB

Also, on mobile devices it didnt change at all. I have a CSS code in the them editor for this section, maybe it could be the reason for this.

code here:

h1 {
font-size: 30px !important;
}
.price–large {
font-size: 30px !important;
text-align: center;
}

7

hi @FlipShop

you can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__info-container {
    text-align: center;
}

you can see the change on both desktop and mobile

  1. this is desktop

SideNode_0-1693571978524.png
SideNode_0-1693571978524.png1347×607 234 KB

  1. mobile

SideNode_1-1693572038029.png
SideNode_1-1693572038029.png526×532 38.9 KB

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

1 Like
8

Sweeeet! It worked! May I ask you how to align text below product in product page? I crwated a custom liquid for that text, it isnt the product description field.

FlipShop_0-1693587731156.png
FlipShop_0-1693587731156.png1763×329 32.4 KB

9

hi @FlipShop
If my previous response was helpful to you, please consider giving it a “Like” and marking it as the solution. Your feedback is valuable to us!

10

hi @SideNode

If you could help me with custom thread text, it’d be super!

I will give it like and solution later for sure! You have been of great help

11

yeah sure