Changing Width of Title/Desc Area to fit new product image size?

[TimKilleen]

Hi,

 

I've not utilised this forum much before but here goes...

 

I am having trouble changing the width of my title/desc (#pb-right-column) in my product page, which needs amending after I recently made my product image (large_default) wider.

 

http://www.test2.ezlivingfurniture.ie/sofas/1257-test-product3.html#

 

As you can see this area/container has been pushed underneath. I want it to fit in the space (#pb-right-column) to the right of my image which is smaller since I made the image wider.

 

I tried changing the size of #pb-right-column in ..mytheme/product.css and also tried changing

grid size in .../themes/default/css/grid_prestashop.css   (.container_9 .grid_5 {width:100%;})

 

Neither of these worked for me and I'm scratching my head a little now?

 

 

If anyone would be as kind to point me in the right direction, I would be very grateful.

 

I am customising the paid presta theme, 'warehouse'. 

 

Cheers.

[vekia]

can you temporary disable CCC for css files (parameters > performance tab in bo)

now your css files are minified so it's not possible to say what you have to change

[TimKilleen]

Sorry. Ok, I've disabled CCC.

Cheers

[vekia]

CCC for css files is still enabled.

[TimKilleen]

Sorry I thought Id done it. I've turned off now and checked 'keep CSS as original'

 

Cheers

[vekia]

@media only screen and (min-width: 1320px)
.no_thumbs2 {
width: 588px !important;
}

change width to

width: 478px !important;

it's a part of /modules/themeeditor/css/themeeditor_s_1.css file line 478

[TimKilleen]

Thanks a million Vekia, I will try this out this evening when I get home!

[vekia]

don't forget to let us know if this work, im so curious about that

[TimKilleen]

No problem Vekia, I will indeed. Thanks again!

[TimKilleen]

@media only screen and (min-width: 1320px)
.no_thumbs2 {
width: 588px !important;
}

change width to

width: 478px !important;

it's a part of /modules/themeeditor/css/themeeditor_s_1.css file line 478

 

Yes this worked for me Vekia - Thank you! Although I added this in theme editor css in BO as it gives me a little box to override styling.

I was also getting an error on image alignment with thumbs (was in-line when product had no extra images). Had to change right column width in product.css also:

 

#pb-right-column {

float:left;

width: 482px !important;

 

All works grand for me now so thank you for your help!

[vekia]

thank you for confirmation, 

i can confirm too, i checked your website on various devices

it works

 

can i mark this topic as solved?