Place product price inline with Add-To-Cart button?

[Jonathan]

Is it possible to place the product price in the same line before (or after) the add-to-cart button? (image attached)

By the way, I’ve already moved the position of the price so that it is underneath the short description with:

.product-price-wrap {
    margin-top: 30px;}  

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue to check and resolve the issue.
Thanks
Mohammad

[Jonathan]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.product-price-wrap {
  float: left;
}

– Kyle

[Jonathan]

Thanks for the reply, Kyle. Hmm, I added the CSS but it doesn’t seem to do it thought… could you take a look?

[Mohammad – SUPPORT]

Hi,
Just remove the last code and use this code:-

.product-price-wrap {
    margin-top: 16px !important;
    width: 100px !important;
    float: left !important;
}

Thanks
Mohammad

[Jonathan]

Great – thanks guys, you’re awesome.

And if I wanted to place the price on the RIGHT side of the Add To Cart button – while still keeping everything left-justified… how would that look with CSS?

[Mohammad – SUPPORT]

Hi,
It will not look good and its not a normal price position.
Thanks
Mohammad

[Jonathan]

Ok, thanks for the help

[Mohammad – SUPPORT]

Hi,
You most welcome and glad to help you.
Thanks
Mohammad

[AgenceSurprise]

Hi,
I would like to do the same (put the price on the left of the quantity button), but these CSS codes are not working with me.
Could you help me ?

Thanks !

[Kyle – SUPPORT]

What’s your link?

– Kyle

[AgenceSurprise]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

@AgenceSurprise

The site is in maintenance mode. We will some admin credentials in a private reply.
Thanks

-Rui

[AgenceSurprise]

This reply has been marked as private.