Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Cart Layout – Float Right

aligncarttext
    • 7 years, 1 month ago rebeccaolson
      Participant

      Expired

      Hello – once again with a new update, my cart page is not aligned correctly. The cart subtotals/text should be right-aligned (so they appear under the heading “Cart Totals”) – Instead, the subtotals/tax/etc. is all alighed left of center.

      I have CSS code in there that used to address this, but it no longer seems to be working – please see question #1 on this thread from last year: https://support.codeless.co/?topic=cart-layout-buttons-product-typography

      What I’ve got in CSS right now is:
      .woocommerce-cart .woocommerce form { width: 100% !important;}
      .woocommerce-cart .woocommerce .cart-collaterals { width: 100% !important;}
      .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { text-align: right !important;}

      What adjustments/additions can I make to this, to ensure that the cart subtotal form (and text within the form) is right aligned to match the right side of the product row?

    • 7 years, 1 month ago Mirela
      Participant

      Hello,

      Please try this code:

      .woocommerce table.shop_table, .woocommerce-page table.shop_table {
          text-align: right !important;
      }

      Let us know.

      Best regards!

    • 7 years ago rebeccaolson
      Participant

      Expired

      Mihaila –

      Thanks! That worked to right align everything. However, the left column of the table is still floating on the left side of the page. How do I adjust the left margin/column width so that the text (eg: “subtotal”) is next to the price? Let me know if you need met to include a screenshot.

      Rebecca

       

    • 7 years ago Mirela
      Participant

      Hello,

      The text “subtotal” is also aligned right. See screenshot: https://postimg.cc/image/4i8yg0qcd/
      But it’s away from the price because the price tab is too wide and since the price too, is aligned right.. this distance is created then.
      Please add this code into your custom css box:

      .woocommerce .cart-collaterals .cart_totals tr td {
          width: 30%;
      }

      It will decrease the cel where the price is, width and make the titles more close.

      Best regards!

    • 7 years ago rebeccaolson
      Participant

      Expired

      Thank you! I played around with it a bit and ended up reducing it to 5% to reach what I wanted. Thank you for the custom CSS!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password