Reposition the price in product page

Hi,

I tried to reposition the product price in product page in CSS.
What I notice that the price position will change it the product listing as well.
There is another way by change the php code in show_default.
But, I am not sure how to do it?
Any tips on how to reposition in php?

Also, how to do you move the add cart field and button to the left side.
And change the "ADD to CART" to "Add to BAG"

I am new in this. Do you know how to do it?
The link you had provided is about languages.
So, I am a bit confused.

i managed to fiddle with it with the suggestion provided.
But, for the add cart in show_default.
Do you know which part of the code that i am suppose to look at to align to the left?

Hi Nicolas,

I had added the css script below. if you can tell me which part of the CSS that will be determine the add cart button location, that will be great.

Much appreciated.

Content of the complete HikaShop css file removed.
It is a big file and we already have this content in the HikaShop package.
Please do not paste HikaShop file content in the forum, just part of code (and use the "code" tag). Our server will thank you !

gemboxjewellery.com/index.php/earrings1/...knot-pearl-ear-studs

The page links as per above.
I just trying to move the field and button more to the left.

Hi there,

You just have to add some css on this id "hikashop_product_right_part" if you want to apply the customization everywhere.
Just add something like this:

#hikashop_product_right_part{
margin-left:-50px;
}

Thanks for that.
I did try that but it move the whole thing. I just want to move the add cart button and field.
The original without customisation, it is not being align properly.
I did check it using mozilla to check the code.

initially, i thought that it will be looking at this
hikashop_product_quantity_field
but when trying to move it to the left, it not doing anything.

Any guidance will be appreciated.

i manage to follow your instruction by moving the whole thing and recustomise it.

But, do you know how to move the add cart a little to the top?

If you want to move the whole block, something like this should work:

#hikashop_product_quantity_main{
  margin-top:-10px;
}

That's what I did but nothing changes.

.hikashop_no_border tr, .hikashop_no_border td,
#hikashop_address_listing tr, #hikashop_address_listing td, #hikashop_address_form_span_iframe

tr,
#hikashop_address_form_span_iframe td, #hikashop_product_quantity_main

tr,#hikashop_product_quantity_main td,
#hikashop_checkout_page tr,#hikashop_checkout_page td, #hikashop_affiliate_main tr,

#hikashop_affiliate_main td{
border:0px solid #DDDDDD;
margin-top:100px;
}

Well, it actually worked. You can see the property if you use the "inspect element" function of your browser.
If the change is not important enough, just set a higher value.