Left Align Product Description in Brooklyn Theme

Highlighted
New Member
2 0 0

I'm currently using Brooklyn theme and would like my product description to be left aligned as by default it on the right side. I have an app to bundle products on the right which I cannot move, leaving me with a lot of blank space on the left side of my page. Does anyone know a code to left align my entire description so that it would be underneath my thumbnails preferably? Thank You! 

capture22.PNG

0 Likes
Highlighted
Shopify Expert
3692 550 893

Hi @Tylercroce9 

Follow this:

1. Open section->product-template.liquid file and find below code:

<div class="product-single__description rte" itemprop="description">
   {{ product.description }}
</div>

Now find below line

<div class="grid__item large--seven-twelfths medium--seven-twelfths text-center">

And go to end of this </div> and move 1st step code just above this </div>

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
2 0 0
So I’m cutting the code that you showed me first and moving it to another
portion of the code? I am having trouble understanding where to paste this
code at.
0 Likes
Highlighted
Shopify Expert
3692 550 893

ok no problem, Add me as staff(jasoliyabrijesh123@gmail.com)  i will check and do

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Expert
3692 550 893

Done check now

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
1 0 0

Hi I am also running into an issue with Brooklyn. Using the Product Bundles by Bold and want this widget to display along the bottom above 'recommended products' and not below the description on the right hand side. is this possible?

0 Likes
Highlighted
Shopify Expert
3692 550 893

You have to ask app developer to add proper widget on page 

Or you can place their code after this div close

<div class="grid__item large--seven-twelfths medium--seven-twelfths text-center">

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
13 0 3

Hi, I have the same problem. I am using Brooklyn, trying to move product descriptions over from right to left (below the image). Can I ask how to do this? I don't know a lot of code. 

My understanding is I have to copy this code below:

 <div class="product-single__description rte" itemprop="description">
            {{ product.description }}
          </div>

And then I paste this code before? Or after this code below?

<div class="grid__item large--seven-twelfths medium--seven-twelfths text-center">

So it should look like this, correct?

<div class="grid__item large--seven-twelfths medium--seven-twelfths text-center"

<div class="product-single__description rte" itemprop="description"> {{ product.description }} </div>

0 Likes
Highlighted
Shopify Expert
3692 550 893

Open Section-product-template file

then find :<div class="product-single__description rte" itemprop="description">
and move it to end of this div: <div class="product-thumbnail__photos product-single__photos">
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes