Dear tagdiv team,
I need some help applying the following changes to my site:
– removing the bar and the extra space on top of the Main Menu & Logo
– I want to add a hovering effect to the main menu, where the background of each button (not just by underlining it) switches from white background + black text to orange background + white text.
– I would like to make the two grid-images a little smaller, while staying center-aligned
– how can I remove the lines (——-) on top of the article excerpts on the main page?
– when disabling the visibility of date, author and comment count from the posts, how can I remove the empty space underneath the title of each article?
Here’s the link to my site btw: http://bit.ly/1Ytfdu8
Thanks a lot, I’m loving your theme 🙂
Hello,
1) You can hide the space with css but now your logo will need adjusting. Please use this code for both:
.td-header-top-menu{
display:none!important;
}
@media (min-width: 1141px){
.td-header-sp-logo img{
bottom: 48px;
}}
@media (min-width: 1018px) and (max-width: 1141px){
.td-header-sp-logo img{
bottom: 28px;
}}
@media (max-width: 1141px){
.td-header-sp-logo img{
bottom: 28px;
}}
2) Use this code:
.menu-item:hover{
background-color:#fa4b2a;
}
.menu-item:hover a{
color:white;
}
3) Unfortunately the big grid relies on a fixed width/size in order to display properly. If you change the size of the grid it will not work as expected anymore. It is never a good idea to change element sizes as it will affect other parts of the layout as well. You can change the height if you want by using this code:
.td_block_big_grid_4 .td-module-thumb {
height: 300px;
}
4) I could not find any ‘—‘ in the article exceprt. Please provide more details.
5)Use this code:
.td_module_14 .td-module-meta-info{
bottom:-60px!important;
}
I hope this helps.
Thank you!
Wow that was fast – thanks a lot Bogdan for taking the time to help me 🙂
1) I tried resizing the logo, but it’s still floating out of line when scrolling down the page – do you have some advice how to accomplish ‘fixing’ this? The rest of the header looks perfect with that code.
2) awesome, thank you!
3) alright, I’m glad to know I have the option of changing the height if I need it then.
4) that’s what I mean: http://oi67.tinypic.com/10x9iyo.jpg
5) great, thanks a lot!
Hello,
1) Sorry about that, I have not notices the sticky menu. It also needs to be adjusted:
Use this code besides the other one from point 1:
@media (min-width: 1141px){
.td-header-style-8 .td-affix .td-header-sp-logo{
padding-top:100px
}}
@media (max-width: 1141px){
.td-header-style-8 .td-affix .td-header-sp-logo{
padding-top:75px
}}
4) Please use this code:
td_module_14 .entry-title:after {
content: none;
}
Thank you!
perfect, everything works beautifully now.
Thank you for your help!
I wish you a nice christmas time and happy holidays.
Thank you!
Happy Holidays!
