change the colors and size of the icons

Hi apostolis_filippou,

Thanks for reaching to us.

Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class https://prnt.sc/io-tdHNTYyPz

div.wd-tools-element>a

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Regards,

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hello,

Please comment out (or remove) the previous custom CSS you added for the account page icons. Once it’s disabled, I will re-check the icons on your site and provide the correct working code.

Best Regards,

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS:

.wd-my-acc-orders .wd-nav-icon:before {
    content: "" !important; /* remove font icon only */
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/orders-icon1.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.wd-my-acc-conversations .wd-nav-icon:before {
    content: "" !important;
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/conversations-icon1.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.wd-my-acc-offers .wd-nav-icon:before {
    content: "" !important;
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/offers-icon2.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.wd-my-acc-purchase-lists .wd-nav-icon:before {
    content: "" !important;
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/purchaselists-icon1.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.wd-my-acc-bulkorder .wd-nav-icon:before {
    content: "" !important;
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/bulk-icon1.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.wd-my-acc-subaccounts .wd-nav-icon:before {
    content: "" !important;
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/subaccounts-icon1.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.wd-my-acc-downloads .wd-nav-icon:before {
    content: "" !important;
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/transformations-icon1.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.wd-my-acc-edit-address .wd-nav-icon:before {
    content: "" !important;
    background: url("https://test.the89group.com/wp-content/uploads/2025/06/address-icon1.svg") no-repeat center/contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

Best Regards,

Hello,

Can you please share the page URL so I can further check on your site and give you a possible solution?

Best Regards,

Hello,

Could you please share a screenshot highlighting the specific icon you want to change in the image popup? This will help us better understand your requirements and assist you more accurately.

Best Regards,

Hello,

Could you please share a screenshot highlighting the specific icons you want to change or remove in the image popup?

Best Regards,