Startpage vertical category Navigation & a view Design Color questions

Hi,

first of all, really great job with the template, works pretty good 🙂

I have a few questions on how to change the following:

1.) I imported the demo startpage and changed it accordingly to my design, but the categorie won’t show like in the demo you did!? Where can I set the ones in the picture attached?

2.) Cant find in the code how to change the color of the wishlist & quickview background, also the arrow of the back button

Hope you can help me 🙂
Best regards and thanks in advance,
Daniel

Attachments:

You must be logged in to view attached files.

missing picture again 😉

Attachments:

You must be logged in to view attached files.

Hello,

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

1. We suggest you watch our video tutorial that demonstrates how our header can be configured and how to add categories and top bar menu to it.

2. Please, provide us your website link so we could check why this arrow is black. Tooltips can be changed only with additional CSS code. If you want, we can prepare this code for you. Just specify what color would you like to have for tooltips.

Kind Regards
XTemos Studio

Thanks for the quick reply.

1.) I have watched it, thanks.
2.) link and stuff in private section. Yes just make the backgrounds and arrow white in css, I can change it myself later, if you put it in custom css, I will find it 🙂

Just as an improvement, I would make color pickers for all the buttons and stuff, this will help you and the people a lot. Also include the video Link in the documentation, didn’t find it until i looked everywhere ^^

best regards
Daniel

1. Sorry, we forgot to attach a link to our reply.

2. Here is a Custom CSS code for your request

.basel-buttons .product-compare-button>a, 
.basel-buttons .quick-view>a,
.basel-buttons .yith-wcwl-add-to-wishlist>div>a {
    color:#016532;
}
.basel-back-btn>span:before {
    color:white;
}

Yes, we will improve our theme colors management in the future for sure.

Regards

1.) np 😉
2.) back button worked, but the rest not :/ it changes the icon color instead of the background of the text left of it

best regards

Ok, try to add this additional code

.basel-buttons .quick-view>a:hover .basel-tooltip-label,
.basel-buttons .yith-wcwl-add-to-wishlist>div:hover .basel-tooltip-label {
    background-color:#016532;
}
.basel-buttons .quick-view>a:hover .basel-tooltip-label:before,
.basel-buttons .yith-wcwl-add-to-wishlist>div:hover .basel-tooltip-label:before {
  color:#016532;
}

Regards

yes, thanks, this did the trick 😉
regards

Great! You are welcome 🙂

[Author]

Posts