Title: CSS code for layout changes
Last modified: April 9, 2019

---

# CSS code for layout changes

 *  [frand001](https://wordpress.org/support/users/frand001/)
 * (@frand001)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/css-code-for-layout-changes/)
 * Hello Brett
    Thank you for Woo Email Customiser. It’s helped me personalise my
   WooCommerce emails. I’ve done a fair bit but there do not seem to be options 
   to change the following: – moving the order date from beside the order number
   in Heading 2 of the email templates to the right hand side of that very same 
   line; – aligning the contents in the Quantity column of the order table to the
   centre; – aligning the contents in the Price table of the order table to the 
   right (i.e. in a way that lines them all up on the dollars and cents line); –
   changing the width of the billing address box to full page or larger than it 
   is. It seems to be wrapping lines (e.g. customer name using up 2 line not one,
   even though there’s enough room).
 * Would you know of the CSS code I need to use to address each of the above?
    Many
   thanks for whatever help you can give me, FRan
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-code-for-layout-changes%2Fpage%2F2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 16 through 19 (of 19 total)

[←](https://wordpress.org/support/topic/css-code-for-layout-changes/?output_format=md)
[1](https://wordpress.org/support/topic/css-code-for-layout-changes/?output_format=md)
2

 *  Thread Starter [frand001](https://wordpress.org/support/users/frand001/)
 * (@frand001)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-layout-changes/page/2/#post-11694698)
 * Hello Ben
    Thanks for your reply. I’m using the Customizr theme and my questions
   relate to the website you’ve already helped me with. I’ve questions about a few
   of the different pages – product, cart, shop, check-out. My questions re the 
   product page layout are as follows – to the degree you can help me with them:
 * 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. Would you also know what code I need to do this?
 * Thank you for looking at this and for any help you can give me.
 *  Thread Starter [frand001](https://wordpress.org/support/users/frand001/)
 * (@frand001)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-layout-changes/page/2/#post-11694702)
 * PS… one of those questions, I know but, if I have questions re the Cart, Shop
   and Checkout pages, do I need to make them public for you to see them? I.e. if
   I have a public product in my Cart?
    Sorry if this is basic.
 *  Plugin Contributor [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-layout-changes/page/2/#post-11700977)
 * This kind of thing is best asked in your theme support.
 * You should link directly to the product you want help with, I didn’t see any 
   in the few I tried that had a quantity input.
 * Using a screen shot that highlights what you want to do would be better as well.
 * Yes your cart, shop and checkout pages should all be public,
 * Post a link here to your question in the theme forums and I can take a look.
 * Ben
 *  Thread Starter [frand001](https://wordpress.org/support/users/frand001/)
 * (@frand001)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-layout-changes/page/2/#post-11701862)
 * Thanks for your guidance, Ben. You’ve clarified a few things for me which I really
   appreciate.
    Kind regards and all the best, Fran

Viewing 4 replies - 16 through 19 (of 19 total)

[←](https://wordpress.org/support/topic/css-code-for-layout-changes/?output_format=md)
[1](https://wordpress.org/support/topic/css-code-for-layout-changes/?output_format=md)
2

The topic ‘CSS code for layout changes’ is closed to new replies.

 * ![](https://ps.w.org/kadence-woocommerce-email-designer/assets/icon-256x256.png?
   rev=3115863)
 * [Kadence WooCommerce Email Designer](https://wordpress.org/plugins/kadence-woocommerce-email-designer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/kadence-woocommerce-email-designer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/)
 * [Active Topics](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/reviews/)

 * 19 replies
 * 3 participants
 * Last reply from: [frand001](https://wordpress.org/support/users/frand001/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-layout-changes/page/2/#post-11701862)
 * Status: not resolved