Hi,
1. In my main menu, how do I add space/padding between categories? I want to move my social links to the right next to search bar. https://snag.gy/G0czUM.jpg
2. In my main menu, how do I change the text colour of certain categories only? I want to change MUSIC, TV, MOVIES, TOYS. https://snag.gy/IHSdXG.jpg
Many thanks.
majorfuss.com
Hi,
1. You could make those specific menu items aligned next to the search, with custom code
– https://www.screencast.com/t/eOmJtwDn
#td-header-menu .menu-item-824,
#td-header-menu .menu-item-825,
#td-header-menu .menu-item-826{
float: right;
}
2. That could be done with custom code as well, there is no options in the them for this specifically. Each menu item has a unique Id that can be used
– https://www.screencast.com/t/5qQR4KiCoig
– https://www.screencast.com/t/68fSPO4eAHVH
#td-header-menu .menu-item-303 a {
color: red;
}
#td-header-menu .menu-item-313 a {
color: blue;
}
#td-header-menu .menu-item-311 a {
color: green;
}
#td-header-menu .menu-item-312 a {
color: grey;
}
You can use any color you want in the code, then enter it in Theme panel->Custom CSS.
This is a useful guide mentioning how to use the browser inspector tool to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
The active and hover color can be changed in the theme panel, you could try changing it to the same background color used for the menu so it will not be visible
– https://www.screencast.com/t/z56uyVgPT
That setting controls the color for hovered and active menu items. The default is the theme accent color.
Thanks
Thanks Simion.
1. How do I have no hover only on the social (Twitter/Facebook/Instagram) items in menu? https://snag.gy/9XLaWy.jpg
2. What is the code to change the colour of the search icon in menu?
3. When I search something, how do I change the font style for “View all results” and “No results”? https://snag.gy/3nmlts.jpg
4. How do I remove the category links on pictures? https://snag.gy/gCEp2Q.jpg
Hi,
1. This code will remove the background when the social menu items are hovered
#td-header-menu .menu-item-824 a:hover,
#td-header-menu .menu-item-825 a:hover,
#td-header-menu .menu-item-826 a:hover{
background-color: transparent;
}
You could color the icons when hovered if you want, by adding this to the code
– https://www.screencast.com/t/AuOxxhKi
Use any color you want in the code.
2. The header search icon color could be changed like this
– https://www.screencast.com/t/xdgFNnwZ
.td-header-wrap .header-search-wrap .td-icon-search {
color: green;
}
3. For that specific element there is no theme font setting. You could change the font properties with CSS if you want to
– https://www.screencast.com/t/oonTVYHjEuML
Use the properties you want in the code
.header-search-wrap .result-msg {
font-size: 20px;
font-style: normal;
}
4. The category tag can be removed for all the modules in particular
– https://forum.tagdiv.com/category-tag-on-modulesblocks/
Thanks
