Re: Featured product text

Solved

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

FlipShop
Tourist
31 0 1

FlipShop_0-1693175640153.png

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?

Accepted Solution (1)
SideNode
Shopify Partner
159 38 42

This is an accepted solution.

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


2. mobile 

SideNode_1-1693572038029.png

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





 

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION

View solution in original post

Replies 10 (10)

SideNode
Shopify Partner
159 38 42

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

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION
FlipShop
Tourist
31 0 1

Hello, thank you! 

 

www.flipshop.it

 

SideNode
Shopify Partner
159 38 42

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

 

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



If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION
FlipShop
Tourist
31 0 1

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

FlipShop_0-1693565576012.png

 

FlipShop
Tourist
31 0 1

IMG-6922.jpg

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

SideNode
Shopify Partner
159 38 42

This is an accepted solution.

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


2. mobile 

SideNode_1-1693572038029.png

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





 

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION
FlipShop
Tourist
31 0 1

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

 

SideNode
Shopify Partner
159 38 42

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!

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION
FlipShop
Tourist
31 0 1

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

SideNode
Shopify Partner
159 38 42

yeah sure

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION