Return to previous page

Topbar Icons … - by slidebird - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Rose Tyler

slidebird

Participant

March 8, 2018 at 15:07

Hi There

I use the Top Bar icons “wishlist, logout, and cart) is it possible to only show the items (with links) without the text… so just icons no caption like “your account” “cart” “wishlist”

#187604 Copied

3 Answers

Rose Tyler

Support staff

March 9, 2018 at 08:37

Hello,

Please provide us with your website URL.

Regards

#187638 Copied

slidebird

Participant

March 9, 2018 at 09:13

http://www.max-schmuckdesign.com/

See here for a better understanding… http://prntscr.com/iot4oj

i also attached credentials…

thanks for help

#187645 Copied

Rose Tyler

Support staff

March 9, 2018 at 13:55

Hello,

.header-type-3 .cart-summ {
    margin-top: 3px;
}
.top-links .logout-link::before, .top-links .my-account-link::before, .top-links .login-link::before, .top-bar .wishlist-link span{
    display:none;
}
.top-links .logout-link a, .top-links .my-account-link a, .top-links .login-link a{
    font-size:0 !important;
    color: transparent;
}
.top-links .logout-link a:hover, .top-links .my-account-link a:hover, .top-links .login-link a:hover{
    color: transparent;
}
.top-links .logout-link a:before, .top-links .my-account-link a:before, .top-links .login-link a:before{
    font-size: 14px;
    line-height: 10px;
    font-family: "arrows";
    margin-right: 8px;
    color: #8e8e8e;
    position: relative;
    top: 1px;
}
.top-links .logout-link a:before, .top-links .login-link a:before {
     content: "\e61c";
}
.top-links .my-account-link a:before {
    content: "\e61b";
}
.my-account-link:hover .submenu-dropdown {
    right: 10px;
}
.my-account-link:hover .submenu-dropdown:after {
    left: 35px !important;
}

Regards

#187718 Copied