Hello TagDiv,
I’m trying to customize some things, mostly on the main navigation for now but I’m facing some problems.
I’ve made all my changes in the custom css part of the theme panel.
Here are the problems:
– 1 : http://www.screencast.com/t/9Jn5kT1NWhen – I’ve set the current color to the custom css, this problem appears when a sub-menu item is current page.
– 2 : http://www.screencast.com/t/beDa7XN0 – A blue background still appears for 1-2 seconds after the mouse hover switch to another menu item.
– 3 : http://www.screencast.com/t/UACpiaAG2d6Q – All the hover effects are also applied to the sub menu item which is not on mouse hover yet, I want these effects but only on mouse hover.
– 4 : http://www.screencast.com/t/PyrTFXEIO1 – Which line I should add to the custom css to make the sub menu a little bit longer ? Is changing values (right value and add some left/right margin) to “.sf-menu .sub-menu .td-icon-menu-down” correct ?
– 5 : I’m using Post Template style 3 as a Default post template, I would like the featured image on top of the post to be 300px height. How can I add a new thumbnail size and set it to be used for the post template ?
Here is a copy of my custom css : http://pastie.org/pastes/10386971/text?key=uc8xosiq02o5rbhhpe21lq
Thank you for your time and help.
Hi,
1. I’m not sure what you mean – http://screencast.com/t/2yMI0sz5GhB You can provide a link so I can take a look.
2. I have checked this on my side and no blue background appears – http://screencast.com/t/bq58rmhs Do you use speed booster plugin? It may cause an issue like this because it moves the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into css stylesheet file.
3. Replace your code with this custom css – http://screencast.com/t/qCFe4hxeU4t
.sf-menu .td-normal-menu li:hover > a {
padding-left: 20px;
background-color: none;
border-left: 2px solid #0072bc;
transition: padding .3s ease-in-out;
border-left: 2px solid #0072bc;
}
4. The submenu doesn’t have a fixed width, it count the length of the items – http://screencast.com/t/gMQ6eFVzos A solution will be to add a min-width, but also you need to change the position – http://screencast.com/t/s81lAXTd
The icon has an absolute position you can also adjust it if you want – http://screencast.com/t/Xtfm2KEXj
5. This is the thumb size used by template 3. Like you can see it is used on more templates and also on smart lists. You can add a new thumb size in td_config.php – http://screencast.com/t/AY145YSX and the use it for template 3 – http://screencast.com/t/eWWuLpdAP Please regenerate your thumbs if you make some changes – https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thanks!
Hello,
Thanks for your answer. 3-4-5 worked like you said in your answer, great 🙂
Regarding the others :
1- I’m working on local right now so I can’t provide you a link.
http://www.screencast.com/t/9Jn5kT1N What I mean is that if you look a the breadcrumbs you’ll see that the active page is from the sub menu of this item, and when a sub menu page is active the bottom border of the item is overriden. You understand what I mean ?
2- The only plugin that is installed on the local install is Yoast SEO, and the plugins which are provided/required for Newspaper. I will try to change the color directly in the css file.
Thank you !
Hi again,
I fix the problem number 2 with these lignes in custom css :
.sf-menu ul .td-menu-item > a:hover,
.sf-menu ul .sfHover > a {
color: #fff;
background-color: #4e4e4e !important;
}
.sf-menu ul .current-menu-ancestor > a,
.sf-menu ul .current-category-ancestor > a,
.sf-menu ul .current-menu-item > a {
color: #fff;
background-color: #333 !important;
}
Hope it’s good.
Thanks
Hi,
1. I can see that but on my side did not happen this – http://screencast.com/t/bgOEYDzf – http://screencast.com/t/GhCnb0Ihh So I cannot figure out why this happens on your side and I cannot provide a solution if I can’t inspect this, sorry!
Thanks!
Hi,
Yes sure I understand, I’ll get in touch for this as soon as I have it online so that you can inspect.
Thank you !
