Home › Forums › Basel support forum › login – search – wishlist – shopping cart
login – search – wishlist – shopping cart
- This topic has 5 replies, 2 voices, and was last updated 6 years, 3 months ago by Artem Temos.
-
AuthorPosts
-
February 5, 2018 at 11:55 am #37490
alex_underParticipantHello,
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?
February 5, 2018 at 12:34 pm #37507
Artem TemosKeymasterHello,
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 StudioFebruary 5, 2018 at 1:10 pm #37521
alex_underParticipantThank 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!
February 5, 2018 at 2:03 pm #37541
Artem TemosKeymasterTry 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; }
February 5, 2018 at 2:54 pm #37564
alex_underParticipantOnce again thank you for you quick response!
February 5, 2018 at 3:28 pm #37573
Artem TemosKeymasterTry 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; }
-
AuthorPosts
- You must be logged in to create new topics. Login / Register