login – search – wishlist – shopping cart

Hello,

I would like to know how can I change the following items

1) Login / Register -> Login
2) Search Icon -> Text “Search”
3) Wishlist Icon -> Text “Wishlist”
4) Shopping cart icon -> Text “Bag”

The text fields that i will put instead of the icons can they change with the selected language?

Hello,

Thank you so much purchasing our theme and contacting our support center.

You can translate all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=tAFq1yTfWfU

Kind Regards
XTemos Studio

Thank you for your reply.

I have WPML, can I change everything with WPML or I will need LOCO for changes like this?

I’ve also asked how can i change

Search Icon with plain Text “Search”
Wishlist Icon with plain Text “Wishlist”
Shopping cart icon with plain Text “Bag”

Thank you for your quick reply!

Try to add the following code snippet to the Custom CSS area for desktop devices only in Theme Settings to change icons with text

body .right-column .search-button a i {
    font-family: inherit;
}

body .right-column .search-button a i:before {
   content: "Search";
   width: auto;
   font-family: inherit;
   font-size: 14px;
}

body .right-column .wishlist-info-widget>a {
    font-size: 14px;
    width: auto;
}

body .right-column .wishlist-info-widget>a:before,
body .right-column .wishlist-info-widget>a:after {
    content:none;
}

body .right-column .wishlist-info-widget>a>span {
   top: -5px;
        left:auto;
   right: -12px;
}

body .right-column .shopping-cart>a:before {
   content: "Bag";
   width: auto;
   font-family: inherit;
   font-size: 14px;
        margin-right:5px;
}

body .right-column>div {
   margin-left: 20px;
}

Once again thank you for you quick response!

Try to use this code to center them

.basel-navigation .menu>li.menu-item-design-full-width .sub-menu {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.basel-navigation .menu>li.menu-item-design-full-width .sub-menu li {
    text-align:center;
}

.basel-navigation .menu>li.menu-item-design-full-width .sub-menu>li {
  margin-left: 10px;
}

[Author]

Posts