Left Align Product Description in Brooklyn Theme

Tylercroce9
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
Jasoliya
Shopify Expert
4298 569 1072

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tylercroce9
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
Jasoliya
Shopify Expert
4298 569 1072

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Jasoliya
Shopify Expert
4298 569 1072

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
nightingale
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
Jasoliya
Shopify Expert
4298 569 1072

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
ChanceryLane
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
Jasoliya
Shopify Expert
4298 569 1072

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
JohnnySmoke
Excursionist
12 1 2

Hi. I tried this solution but it doesn't seem to be working. 

Can someone please check if my code is correct?

I'm just trying to get my description on the left and my images on the right.

Thanks so much.

 

<div class="product-single__description rte" itemprop="description">
{{ product.description }}
</div>
<div class="grid__item large--seven-twelfths medium--seven-twelfths text-center">

0 Likes