Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #432736

    Hey guys,

    I like to arrange the elements of that add-to-cart form here

    What I want to have is the ability to influence position and format of
    a) price
    b) pieces -1+
    c) add-to-cart button
    within the form area.

    Lets say for example

    pieces (left) price (right)
    ADD-TO-CART (center)


    pieces (left)
    ADD-TO-CART (right, vertical-center)
    price (left)

    How do I talk to this elements?

    Thanks for your support.

    Best Stephan


    Hey handelsmann!

    Thank you for using our theme.

    Out of the box this is not possible. As the elements are placed inside a table using CSS won’t help you.

    You find the php code for this in woocommerce\templates\single-product\add-to-cart\variable.php

    There you can make your changes.



    Hey Günter,

    thanks for the quick response and lending a hand with the link.

    I will check the options inside the table

    Best Stephan


    Hey Günter,
    this seems a little bit advanced, as I cannot find that arrangement in the variable.php.
    Have the distances something to do with the actions in this file?
    What I want to have is something like this:
    I wonder why the order button is that far at the bottom :-)
    Any suggestions?
    Thank you



    hm … I just tried something with CSS code and I think it works. Try this in Quick CSS:

    span.amount {
    margin-left: 310px;
    padding-top: 20px;
    position: absolute;
    font-size: 30px !important;

    and adjust as needed.

    Best regards,


    Hey Andy,
    thank you so much. That works great for the price. I just wondered how I get the label FORMAT and DRUCKART aligned LEFT and how I adjust the counting part – 1 + as well aligned LEFT.

    For the labels I used
    #top .variations .label label
    {font-size: 20px; font-family: OSWALD; color: #000000; text-align: left !important; text-transform: uppercase;}
    but no chance of alignment :-)

    Best Stephan


    And the worst part is – it influences the amount also in the product details not only in the cart – you can see it here:


    Also in the cart overview – all prices are out of the fields – – that looks very bad !!!



    Add this to align them left.

    td.label {
      text-align: left;

    I’m not sure what you mean by the other request. Take a screenshot and highlight what your trying to do so we can get a better idea.


Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.