(SOLVED) Moving Price Information Beside Product Image..?

[Nick20000]

Hello. How would I move the information in the right block beside the image like this in the picture?

thank you.

[Nick20000]

any idea? i really need to fix this soon.

[Nick20000]

after all this time still no help?

[Nick20000]

can someone please give me some help.

[Irfan Bahalwan]

Could u give me the link to that page? Or in which page does it appears? I can't find that kind of list in Prestashop's default template

[Nick20000]

hi. it is when you click on a product and the price and image is displayed. want to move it closer to the image.

[Irfan Bahalwan]

EDITED BELOW

[Irfan Bahalwan]

Ok, open your css file, and search this style

#primary_block #image-block

Change width value into the width that u prefer

width:300px;

Hope that works

[Nick20000]

hi. it still does not work?

[Irfan Bahalwan]

Why dont u give us your link, so I can see your CSS code

[Nick20000]

here is my code for product page.

/* product.tpl */
#primary_block #pb-right-column {
width: 310px;
float: left

}
#primary_block #image-block {
border: #ffffff solid 1px;
height: 163px;
width: 117px

}
#primary_block #image-block img#bigpic {
cursor: pointer;
height: 163px;
width: 117px
}
#primary_block ul#usefull_link_block {
list-style-type: none;
margin-top: 1em

}
#primary_block ul#usefull_link_block li { margin: 0.5em 1em 0.5em 0; display: block }
#primary_block ul#usefull_link_block li a,
#primary_block ul#usefull_link_block span.span_link,
#primary_block ul#usefull_link_block span.span_link:hover {
text-decoration: none;
color: #76839b;
font-size: 0.9em;
background: white url('../img/bullet_alt.jpg') no-repeat top left;
padding-left: 15px;
height: 15px
}
#primary_block #pb-left-column {
float: left;
margin-left: 1.1em;
width: 233px
}
#primary_block #short_description_block/* {
background: #e5e6e7 url('../img/product-short-desc-bg.gif') repeat-x top left;
border: 1px #d0d3d8 solid;
padding: 0.7em;
margin-bottom: 1.5em*/
}
#primary_block #color_picker p {
margin-bottom: 0.4em;
padding: 0
}
#primary_block #color_picker {
padding: 0.6em 0.7em 0.4em 0.7em;
background: #e5e6e7 url('../img/product-short-desc-bg.gif') repeat-x top left;
border: 1px #d0d3d8 solid;
margin-bottom: 1.5em
}
#primary_block #color_to_pick_list li {
display: inline;
float: left;
margin: 0 0.4em 0.4em 0
}
#primary_block a.color_pick {
display: block;
width: 20px;
height: 20px;
border: 1px solid #666;
cursor: pointer
}
#primary_block a.color_pick:hover { border: 1px solid #000 }
#primary_block a#color_all { cursor: pointer }
#primary_block #image-block img#bigpic.jqzoom {
cursor: crosshair;
position: relative
}
#primary_block p.buttons_bottom_block { margin: 0 }
#primary_block p.buttons_bottom_block a,
#primary_block p.buttons_bottom_block input { margin: 0.9em auto 0 auto }
#primary_block #short_description_content { margin-bottom: 0.5em }
#primary_block #buy_block {
background: #f1f2f4 url('../img/product-buy-bg.gif') repeat-x top left;
font-size: 1.1em;
padding: 0.7em;
color: #374853;
border: 1px #cccccc solid;
margin-bottom: 1.5em
}
#primary_block #buy_block p {
padding: 0;
margin-top: 0;
clear: both
}
#primary_block #buy_block img.on_sale_img { float: left }
#primary_block #buy_block span.on_sale {
color: #da0f00;
text-transform: uppercase;
font-weight: bold;
float: right
}
#primary_block #buy_block span.discount {
color: #da0f00;
text-transform: uppercase;
font-weight: bold;
float: right
}
#primary_block #buy_block span.our_price_display { float: right }
#primary_block #buy_block span#availability_label {
float: left;
margin-right: 1em
}
#primary_block #buy_block label { text-align: right }
#primary_block #buy_block label,#primary_block #buy_block select {
display: block;
width: 47%;
float: left
}
#primary_block div#attributes p, #quantity_wanted_p {
clear: left;
height: 2em
}
#primary_block div#attributes p, #minimal_quantity_wanted_p {
clear: left;
text-align: center
}

/* prices */
#primary_block #buy_block p.price {
font-size: 1.05em;
text-align: right
}
#primary_block #buy_block span#pretaxe_price {
font-size: 0.75em;
text-align: right
}
#primary_block #buy_block p#old_price {
font-size: 0.8em;
text-align: right;
text-decoration: line-through
}
#primary_block #buy_block p#reduction_percent {
color: #da0f00;
font-size: 0.75em;
text-align: right
}
#primary_block #buy_block p.price-ecotax {
font-size: 0.75em;
text-align: right
}
#admin-action {
color: #374853;
background-color: #DFFAD3;
margin-bottom:10px;
padding: 4px;
border: 1px solid #72CB67
}
#admin-action input.exclusive
{
float: right
}

.product_accessories_price
{
margin-top: 5px
}

[Irfan Bahalwan]

I need the website's link, not the CSS code.
Like www.somewebsites.com/category.php?id_category=6 or such

[Nick20000]

oh. here you go.

[Irfan Bahalwan]

That's why! Your theme use 2 css file

Ok, open product.css (/themes/prestashop/css/product.css)

Find this script

#primary_block #pb-right-column {
   width: 310px;
   float: left
}

and delete the width line

#primary_block #pb-right-column {
   float: left
}

Save the file, and refresh your page using Ctrl + F5

Hope that works

[Nick20000]

thanks it worked great.