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 to see the link]

Viewing 4 replies - 16 through 19 (of 19 total)
  • Thread Starter frand001

    (@frand001)

    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

    (@frand001)

    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.

    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

    (@frand001)

    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)
  • The topic ‘CSS code for layout changes’ is closed to new replies.