আমার অ্যাকাউন্ট (My Account) - Shohoj Decor

.elementor-kit-5{--e-global-color-primary:#795548;--e-global-color-secondary:#E4DDDA;--e-global-color-text:#000000;--e-global-color-accent:#939393;--e-global-color-f6679f3:#E4DDDA;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Secular One";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Hind Siliguri";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#E4DDDA;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#795548;font-family:"Poppins", Sans-serif;color:#000000;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:15px;}.elementor-element{--widgets-spacing:15px 15px;--widgets-spacing-row:15px;--widgets-spacing-column:15px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */.elementor-sticky--active { transition: transform 0.3s ease; } .header-hidden .elementor-sticky--active { transform: translateY(-100%); } আমার অ্যাকাউন্ট (My Account) - Shohoj Decor

WooCommerce My Account Page Restyler

To fix the ugly bulleted dashboard on your live WordPress site, simply copy the custom stylesheet classes directly into your theme's customizer or Elementor's Custom CSS panel.

আমার প্রোফাইল

স্বাগতম, Joy!

আপনার ড্যাশবোর্ড থেকে সহজেই অর্ডার ট্র্যাক করুন, শিপিং এড্রেস আপডেট করুন এবং পাসওয়ার্ড পরিবর্তন করুন।

Hello joy (not joy? Log out)

From your account dashboard you can view your recent orders, manage your shipping and billing addresses, and edit your password and account details.

সাম্প্রতিক অর্ডার সমূহ

সর্বশেষ অর্ডারের বিবরণ দেখুন

শিপিং এড্রেস বুক

আপনার ডেলিভারি এড্রেস পরিবর্তন করুন

পাসওয়ার্ড ও ডিটেইলস

সিকিউরিটি সেটিংস আপডেট করুন

অর্ডার ট্র্যাকিং

লাইভ কুরিয়ার স্ট্যাটাস ট্র্যাক করুন

/* Paste this into Elementor Settings > Custom CSS or Child Theme style.css */

.woocommerce-account {
    font-family: 'Hind Siliguri', sans-serif !important;
    background-color: #fdfbf7 !important;
}
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 2rem 1rem !important;
}
@media (min-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: row !important;
        align-items: flex-start !important;
    }
}
.woocommerce-MyAccount-navigation {
    width: 100% !important;
    flex-shrink: 0 !important;
}
@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation {
        width: 280px !important;
        position: sticky !important;
        top: 20px !important;
    }
}
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 0.5rem !important;
    overflow-x: auto !important;
    padding-bottom: 0.5rem !important;
    scrollbar-width: none !important;
}
.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none !important;
}
@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column !important;
        overflow-x: visible !important;
        padding-bottom: 0 !important;
        background-color: #ffffff !important;
        border: 1px solid #f1f5f9 !important;
        border-radius: 24px !important;
        padding: 1.25rem !important;
        box-shadow: 0 4px 6px -1px rgba(166, 124, 82, 0.05) !important;
    }
}
.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
}
@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation ul li {
        width: 100% !important;
        border-bottom: 1px solid #f8fafc !important;
    }
    .woocommerce-MyAccount-navigation ul li:last-child {
        border-bottom: none !important;
    }
}
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.75rem 1.25rem !important;
    color: #475569 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}
@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation ul li a {
        border: none !important;
        background-color: transparent !important;
        border-radius: 12px !important;
        padding: 0.85rem 1rem !important;
    }
}
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #a67c52 !important;
    background-color: #fdfbf7 !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #ffffff !important;
    background-color: #a67c52 !important;
    border-color: #a67c52 !important;
    box-shadow: 0 4px 12px rgba(166, 124, 82, 0.2) !important;
}
.woocommerce-MyAccount-content {
    flex-grow: 1 !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 24px !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 6px -1px rgba(166, 124, 82, 0.05) !important;
    min-height: 400px !important;
}
@media (min-width: 768px) {
    .woocommerce-MyAccount-content {
        padding: 2.5rem !important;
    }
}
.woocommerce-MyAccount-content p {
    line-height: 1.8 !important;
    color: #475569 !important;
    margin-bottom: 1.25rem !important;
}
.woocommerce-MyAccount-content p strong {
    color: #1e293b !important;
}
.woocommerce-MyAccount-content a {
    color: #a67c52 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    border-bottom: 2px dashed #e8dac0 !important;
    transition: all 0.2s ease !important;
}
.woocommerce-MyAccount-content a:hover {
    color: #8b5a2b !important;
    border-bottom-style: solid !important;
}
.woocommerce-Message, .woocommerce-info, .woocommerce-error {
    background-color: #fcf7ee !important;
    border: 1px solid #e8dac0 !important;
    border-left: 4px solid #a67c52 !important;
    border-radius: 12px !important;
    padding: 1rem 1.25rem !important;
    color: #64748b !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
}
.woocommerce-Message .button, .woocommerce-info .button {
    background-color: #a67c52 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
}

/* End custom CSS */