Aligning Product Qty and Add to Cart Buttons to the Right of the Product Page

  • Resolved frand001

    (@frand001)


    5 years, 5 months ago

    Hello.
    Would someone know what CSS code I need to use to align both the product quantity field and the add-to-cart button to the right hand side of my single product pages? I’ve looked about for this and tried a number of codes. One has been successful in moving the add-to-card button but the quantity button remains on the left. The code I used to do that is..
    .woocommerce div.product form.cart .button {
    float:right !important;
    }

    I would also like to move the Categories tag on the single product page over to the right hand side as well. The link to one of my pages is https://www.psychicandenergywork.com.au/product/pre-recorded-meditation-files/ if you need to see this. Would you also know what code I need to do this?

    Thank you for your time and help.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Stef

    (@serafinnyc)

    When you get products up that we can see let us know and we’ll be glad to help you out.

    Thread Starter frand001

    (@frand001)

    Stef, I’m sorry. I thought that you would be able to access the unpublished/private pages if I gave you the link. I will publish one of the product pages over the next few days and advise once I’ve done it. Apologies for the inconvenience.

    Plugin Support Ryan Ray, a11n

    (@ryanr14)

    Hi @frand001,

    Not a problem at all, we’re all here awaiting a public view of a product page to potentially advice some CSS tweaks. ??

    Thread Starter frand001

    (@frand001)

    Hello Ryan; Hello Stef

    Apologies for the delay. I’ve just published the page, https://www.psychicandenergywork.com.au/product/audio-files/ so that you can see what I’m talking about. Will await your advice and thank you.

    I also have questions re CSS code for changing some of the layout in the Cart and Checkout Pages. Is that something I can ask here or should I start a different thread? Last question and sorry if it’s basic: can you access these pages on my site already or do I need to do more? I’ve added a purchase to my cart in the hope that you can access it via the link above.

    Thanks for any help you can give me.

    Thread Starter frand001

    (@frand001)

    While I am at it and assuming I’m not stretching the friendship…

    How do I change the tagline to my website so that its field spans the full width of the screen – i.e. the same width as my website header – with the Cart icon to the right of the tagline and the drop-down menu icon just to the right of that?

    thank you again.

    Hi @frand001,

    Sorry for this late reply! I am looking at the pages, but if they were up before they are not now ??

    https://www.psychicandenergywork.com.au/product/pre-recorded-meditation-files/ shows this: https://cld.wthms.co/tEippo

    https://www.psychicandenergywork.com.au/product/audio-files/ shows same:

    https://cld.wthms.co/LTB46m

    The Shop page appears Private, and the normal purchase page:

    https://www.psychicandenergywork.com.au/psychic-and-energy-work-audio-files/

    shows a different option than the standard product page, with PayPal at the bottom. If you still have the product page, you can set the page to Private, and place a simple user/pass and place it here for us to review. I look forward to hearing back from you!

    Hi @frand001,

    I am going to close this thread for now, however if you are still having the issue just reply to this and we will re-open it.

    If you have other issues please open a new thread and let us know!

    Thread Starter frand001

    (@frand001)

    Hello Mike
    Thanks for your messages. I’m sorry for taking so long to reply. I gave up when I received the first responses and approached the woman who helps me with my website. I am not an expert (as evidenced by your feedback!) and know that my enquiries can be messy. I found/find it odd that some experts refuse to give CSS code where others seem far more supportive. Wish it was one rule for all irrespective of what that was. I am aware, however, that many of you volunteer and that there are far more than I seeking advice. Any help, even if I don’t want “that type” is, therefore, a plus.
    Thanks for following this up, Mike – it’s restored my faith in these forums. I will be back in touch when and as I need guidance and, hopefully, make little less mess!
    Kind regards,
    Fran

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Aligning Product Qty and Add to Cart Buttons to the Right of the Product Page’ is closed to new replies.