Jump to content

[SOLVED] How to increase width of product short description in product page?


Recommended Posts

Please help me.

 

I want to increase the width of div

(contains product name, short description, disk space, color, reference etc.) to grid_6: 646px.

So that the whole section become wider to cover the empty space on right hand side.

 

But I am not sure which section is involve in this modification.

theme->default->css->product.css?

theme->default->css->global.css?

 

Please help me by providing the code example (I am slow learner), Thank you very much~~~

 

My page : Here

Edited by Lance Chan (see edit history)
Link to comment
Share on other sites

Please help me.

 

I want to increase the width of div

(contains product name, short description, disk space, color, reference etc.) to grid_6: 646px.

So that the whole section become wider to cover the empty space on right hand side.

 

But I am not sure which section is involve in this modification.

theme->default->css->product.css?

theme->default->css->global.css?

 

Please help me by providing the code example (I am slow learner), Thank you very much~~~

 

My page : Here

Hi,

 you will need to make two changes in two different files

  1.  http://eviewtrading.com/denmall/themes/default/css/grid_prestashop.css on line no. 47 change                       .container_9 .grid_5{width:100%}
  2. http://eviewtrading.com/denmall/themes/default/css/product.css line no 136 change in #pb-left-column-> width:your-desired-width
Edited by shailendra (see edit history)
  • Like 1
Link to comment
Share on other sites

Thank you, Shailendra. It's work! 

By the way, How should I change as I want to increase the width of the color's "attribute list" and "color_to_pick_list" as well?

it's look too short~

you can change width of div in file themes/default/css/product.css line no 211.

Link to comment
Share on other sites

Anyway, i decided to back to original width for product page.

I changed

 

  1.  http://eviewtrading....es/default/css/grid_prestashop.css on line no. 47 change                       .container_9 .grid_5{width:535px;}
  2. http://eviewtrading....es/default/css/product.css line no 136 change in #pb-left-column-> width:255px;

 

however, it does not change to original size. Can you tell me why?

Webpage: http://eviewtrading.com/denmall/music-ipods/1-ipod-nano.html

 

I know why... i delete cookies and history in my pc, then rebrowse, everything show as editted.

Edited by Lance Chan (see edit history)
Link to comment
Share on other sites

Anyway, i decided to back to original width for product page.

I changed

 

  1.  http://eviewtrading....es/default/css/grid_prestashop.css on line no. 47 change                       .container_9 .grid_5{width:535px;}
  2. http://eviewtrading....es/default/css/product.css line no 136 change in #pb-left-column-> width:255px;

 

however, it does not change to original size. Can you tell me why?

Webpage: http://eviewtrading.com/denmall/music-ipods/1-ipod-nano.html

 

I know why... i delete cookies and history in my pc, then rebrowse, everything show as editted.

your product page is showing blank screen.

Edited by shailendra (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...