how can I aligned text on my product page under the images ?

damien68
Excursionist
25 0 6

Hello everyone, 

 

I have the Venture version 12.2.0, and I would like to align the text on my product page under the images and not in a single block.

Could wou please help me to resolve this problem ?

Thank you !

on my screenshots I'm showing how I would like to have my description displayed

damien68_0-1712501245881.png

 

Replies 11 (11)

PageFly-Noah
Shopify Partner
1288 229 262

This is Noah from PageFly - Shopify Page Builder App

 Hi @damien68 you can explain more about that, and you can send url website ? I need check element and fix it.
Thank you.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

damien68
Excursionist
25 0 6

Hi Noah, thank you for your reply, I would like to have my product description, who the text will be adapted to the width of the page. So not in one block. the Url of my website ist the following Url : https://ma-tasse-en-bois.fr/collections/assiettes-en-bois/products/assiette-en-bois-noyer

Let me know if you need more informations.

Thank you

damien68
Excursionist
25 0 6

Hi @PageFly-Noah  would you be able to find a solution ? Thank you 

PageFly-Noah
Shopify Partner
1288 229 262

Hi  @damien68  , Iam sorry for delay. I have 2 solution:

1: You can delete space of "text" and ":"

2: You can add code here in file theme.liquid position above tag </head>

<style>
@media (min-width: 1025px) {
.product-single__description h2 span{
   white-space: nowrap !important;
}
}
</style>

Hope my solution will help you resolve this issue.
Thank you.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

damien68
Excursionist
25 0 6

Hi @PageFly-Noah  I tried the second solution but it didn't change anything. 

And can you please be more explicit for the first solution please ? Wher do I need to delete  space of "text" and ":" ? In which file ?

 

damien68_0-1712918901089.png

Thank you

PageFly-Noah
Shopify Partner
1288 229 262

Hi @damien68  please change position  below <head>  and above tab </head>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

damien68
Excursionist
25 0 6

Hi @PageFly-Noah unfortunately, it still doesn't work

damien68_0-1713090797209.png

 

PageFly-Noah
Shopify Partner
1288 229 262

Iam sorry about that . Can you add code here again:

<style>
@media screen and (min-width: 1025px){
.product-single__description h2{
   white-space: nowrap !important;
}
}
</style>

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

damien68
Excursionist
25 0 6

Hi @PageFly-Noah I tried qnd only the title has changed : 

damien68_0-1713100138693.png

I would like to have the description similar as this product description : 

damien68_1-1713100253080.png

So below the images and not in a single block but the description sgould take the width of the page.

Thank you for your help

PageFly-Noah
Shopify Partner
1288 229 262

Ok i got it,I understand. Description of theme have design 2 column, column 1 is a media, column 2 contain body product. so currently we cant change des full width.  You need contact support theme because to change structure description theme. 

Screen Shot 2024-04-14 at 21.31.35.png

PageFlyNoah_0-1713105388466.png

Hope you understand.

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Noah
Shopify Partner
1288 229 262

And you can follow link here to contact support theme: https://help.shopify.com/en/manual/online-store/themes/theme-support?section=Desktop

Hope my solution help you resolved issue, Thank you !

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.