h2.ht-product-title { text-align: center; } .ht-product-price { display: flex; justify-content: center; align-items: center; } .ht-product-action { display: flex !important; justify-content: center !important; } .elementor-flip-box__layer.elementor-flip-box__front { border-radius: 20px !important; } .elementor-flip-box__layer.elementor-flip-box__back{ border-radius: 20px !important; } .um-account-side.uimob340-hide.uimob500-hide ul li > a { display: none !important; } .um-account-side li a { line-height: 0px; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3em; height: 1.3em; margin: 8px 0; padding: 0; } .alignwide { margin-inline: 0px !important; } /* ===================================================== BODYBOSSRX MY ACCOUNT - ALIGNMENT FIX ADD THIS AT THE VERY END OF YOUR CSS ===================================================== */ /* Main WooCommerce Account Container */ body.woocommerce-account.logged-in .woocommerce { width: 100% !important; max-width: 1200px !important; margin: 70px auto 80px !important; padding: 0 20px !important; display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; gap: 30px !important; align-items: start !important; box-sizing: border-box !important; } /* REMOVE WOOCOMMERCE DEFAULT FLOATS */ body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content { float: none !important; box-sizing: border-box !important; } /* ===================================================== LEFT MENU ===================================================== */ body.woocommerce-account .woocommerce-MyAccount-navigation { width: 260px !important; max-width: 260px !important; min-width: 0 !important; margin: 0 !important; padding: 16px !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; background: linear-gradient( 160deg, #1740bd 0%, #082366 100% ) !important; border-radius: 16px !important; box-shadow: 0 15px 35px rgba(6, 28, 90, 0.15) !important; } /* Menu UL */ body.woocommerce-account .woocommerce-MyAccount-navigation ul { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Menu Items */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li { width: 100% !important; display: block !important; margin: 0 0 7px 0 !important; padding: 0 !important; border: none !important; } /* Menu Links */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 46px !important; padding: 11px 14px !important; color: #ffffff !important; background: transparent !important; border-radius: 9px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; text-decoration: none !important; box-sizing: border-box !important; } /* Active Menu */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: linear-gradient( 135deg, #e7c559, #c99d30 ) !important; color: #071d62 !important; } /* Hover */ body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: rgba(255,255,255,0.10) !important; color: #ffffff !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover { background: linear-gradient( 135deg, #efd477, #d6a93c ) !important; color: #071d62 !important; } /* ===================================================== RIGHT ACCOUNT CONTENT ===================================================== */ body.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 32px !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; background: #ffffff !important; border: 1px solid #dbe3f5 !important; border-radius: 16px !important; box-shadow: 0 12px 32px rgba(5, 31, 93, 0.09) !important; box-sizing: border-box !important; } /* Remove weird narrow content */ body.woocommerce-account .woocommerce-MyAccount-content p { width: auto !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; line-height: 1.8 !important; } /* ===================================================== ACCOUNT TEXT ===================================================== */ body.woocommerce-account .woocommerce-MyAccount-content p:first-child { margin-top: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-content a { color: #123cb4; } body.woocommerce-account .woocommerce-MyAccount-content strong { color: #0a276f; } /* ===================================================== IMPORTANT - REMOVE THEME WIDTH CONFLICT ===================================================== */ body.woocommerce-account .woocommerce::before, body.woocommerce-account .woocommerce::after { display: none !important; content: none !important; } body.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content { clear: none !important; } /* ===================================================== TABLET ===================================================== */ @media (max-width: 900px) { body.woocommerce-account.logged-in .woocommerce { max-width: 760px !important; grid-template-columns: 220px minmax(0,1fr) !important; gap: 20px !important; margin-top: 50px !important; } body.woocommerce-account .woocommerce-MyAccount-navigation { width: 220px !important; max-width: 220px !important; } body.woocommerce-account .woocommerce-MyAccount-content { padding: 25px !important; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { body.woocommerce-account.logged-in .woocommerce { display: block !important; width: 100% !important; max-width: 100% !important; margin: 30px auto 50px !important; padding: 0 14px !important; } body.woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important; max-width: 100% !important; margin: 0 0 20px 0 !important; padding: 12px !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-navigation ul li a { justify-content: center !important; text-align: center !important; min-height: 43px !important; padding: 9px 7px !important; font-size: 12px !important; } body.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; margin: 0 !important; padding: 22px 17px !important; border-radius: 14px !important; } } /* ===================================================== SMALL MOBILE ===================================================== */ @media (max-width: 430px) { body.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: 1fr !important; } } body.woocommerce-account.logged-in .woocommerce { width: 100% !important; max-width: 1200px !important; margin: 191px auto 80px !important; padding: 0 20px !important; display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; gap: 30px !important; align-items: start !important; box-sizing: border-box !important; } html, body { overflow-x: hidden; }