Reply To: How to Add such option. If possible, from theme settings or else, some other way

[Luke Nielsen]

Hello,

1d. It doesn’t matter what size your picture is because it will be reduced to 40×40 or 45×45 (as you can see on this https://gyazo.com/46d2b57d0b1719a561a37289a9f678b0 screenshot I have uploaded the image 700x800px). The current size of icons is 20×20.

7. Sorry, but it is not yet possible.

7b. I have rewritten it, please check.

.wd-nav[class*="wd-style-"]>li.menu-item-has-children>a:after {
    color: #605d5d;
    font-size: 9px;
}

8a. I checked your slider, it switches the slides with Mouse, please check the video below.

https://monosnap.com/file/yHzPSok3mXSDUMlTOTg264EVZfoIoI

9. Here is a custom CSS code for displaying icons for each navigation link.

.woocommerce-MyAccount-navigation-link,
.woocommerce-MyAccount-title.entry-title {
    position: relative;
}

.woocommerce-MyAccount-title.entry-title:after,
.woocommerce-MyAccount-navigation-link--dashboard a:after,
.woocommerce-MyAccount-navigation-link--orders a:after,
.woocommerce-MyAccount-navigation-link--downloads a:after,
.woocommerce-MyAccount-navigation-link--edit-address a:after,
.woocommerce-MyAccount-navigation-link--edit-account a:after,
.woocommerce-MyAccount-navigation-link--ppcp-paypal-payment-tokens a:after,
.woocommerce-MyAccount-navigation-link--wishlist a:after,
.woocommerce-MyAccount-navigation-link--customer-logout a:after {
    display: inline-block;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

.woocommerce-MyAccount-title.entry-title:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-50x50-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--dashboard a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-50x50-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--orders a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-25x25-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--downloads a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-25x25-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--edit-address a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-25x25-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--edit-account a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-25x25-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--ppcp-paypal-payment-tokens a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-25x25-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--wishlist a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-25x25-2nd.svg');
}

.woocommerce-MyAccount-navigation-link--customer-logout a:after {
    content: ' ';
    background-image: url('https://www.vasangini.com/wp-content/uploads/2021/12/Wishlist-heart-svgrepo-com-3-25x25-2nd.svg');
}

Kind Regards

• This reply was modified 2 years, 11 months ago by Luke Nielsen.