CSS code for layout changes

  • frand001

    (@frand001)


    7 years, 2 months ago

    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)
1 2
  • Thread Starter frand001

    (@frand001)

    6 years, 11 months ago

    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)

    6 years, 11 months ago

    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

    (@britner)

    6 years, 11 months ago

    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)

    6 years, 11 months ago

    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)
1 2

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