Search Results for 'css'

Hiu,

Use this custom css to increase the menu height and also set the mega menu and regular menu drop-down to appear over the other menu items: http://screencast.com/t/uNnEmrbDbnUC

@media (min-width: 767px) and (max-width: 1200px){
.td-menu-wrap {
position: relative;
height: 100px;
}
.sf-menu>li>a {
z-index: 1;
}
}

Thanks

Hi,

Please use this css to fix it in Firefox browser also:

@-moz-document url-prefix() {
.iosSlider .slide-meta-author {
line-height: 28px !important;
}
}

Thanks

Hi,

Unfortunately the menu wasn’t designed to work that way but you can customize it to look well via custom css.
If you don’t need much extra space you could try to set smaller title for you menu items or you could lower the menu’s font size to fit on one line.
You can also follow this topic and try to apply this solution in your case also: https://forum.tagdiv.com/topic/menu-problem-2/
Hope this helps!

Thanks for the message!

Hi,

You can hide the custom ad on tablets and desktop screens via css using this custom css:

@media(min-width: 767px){
.td-g-rec-id-custom_ad_1, .td-a-rec-id-custom_ad_1 {
display: none;
}
}

Not sure what type of ad your use but this should work if you turn it off from theme panel also. I have tested this using both adsense and banners and works fine.

Thanks

Hi,

Use this custom css to overwrite the transparency of the title background, like this: http://screencast.com/t/WrkHLowjsd
Add the custom css from below in theme panel > custom csss filed and change the color as you like.

.td-big-grid-title .td-sbig-title-wrap, .td-sbig-title-wrap .td-sbig-title {
background-color: pink !important;
}

Thanks

Hi,

@samnaun2000
I have checked your site and found this js error in your console which can cause this as the mobile menu works based on js: http://screencast.com/t/GEXwFbw9i3
Please make sure you disable all plugins empty cache/purge files if you use any cache and/or CDN hosting services then check again.
You should consider disabeling the minifying option for html/js/css as this may cause conflicts and errors of this type and also keep in mind that we do not recommend it: http://screencast.com/t/m72j5nD1fmO
Hope this helps!

Thanks

Hi,

Yes, but in your case it’s just a background set for the container which holds the featured image and if the image isn’t large enough to fill the hole featured image thumb container then the background will appear just like in your case.
You can overwrite this through custom css and remove the background, like this: http://screencast.com/t/30atgpaaCXW
Use css code from below in your custom css area in theme panel:

.post .thumb-wrap {
background: none;
}

Thanks

Hi,

In the last version of Visual Composer some classes have changed and the buttons and some other VC elements that we haven styled lost their css, we have this on our todo list and we are working on it unfortunately we still have incompatibility issues regarding VC style.
I can find a solution for this in this topic: https://forum.tagdiv.com/topic/buttons/#post-21804 and try to import the VC css: https://forum.tagdiv.com/topic/buttons/#post-21825
Sorry about this and for the inconvenience.

Thanks

Hi,

You can change it’s default width directly in the style.css file: http://screencast.com/t/G9bQVyVr

Thanks

Hi,

Do you still have issue with the css for the sidebar form widget? I have check your site and haven’t found this issue anymore.
Regarding the images please let me know where are these images used as the theme creates specific dimensions thumbs for uploaded images which are used on modules/blocks. In this case I noticed that the images you provided are of different dimensions.
Regarding the missing width and/or height attributes please go to td_module_blog.php file and add this img dim width="6" height="9" like this: http://screencast.com/t/RidE2xZaBhhM the others images aren’t added by the theme.
Please let me know.

Thanks

Hi,

Please also update the theme to the latest version then check if this issue is still happening. Also noticed that you have minified some css/js. Please disable the minify option then empty cache/purge files and check again if the error is doesn’t happen. My guess is that when you have w3 total cache active the issue doesn’t happen because of the cache.
Please let me know!

Thanks

Hi,

Use this css: http://screencast.com/t/XyyRJWas3i

.entry-crumbs span {
font-family: Oswald !important;
}

.prev-post div, .next-post div {
color: pink !important;
}

Thanks

Hi,

1. Is not an error, it has to do with the fact that your are changing the slider’s layout on mobile. You have to use css positioning to move the title wrapper up:
Use this css:

@media (max-width: 767px){
.td-big-grid-post-2, .td-big-grid-post-3 {
border-bottom: 4px solid #ffffff !important;
}
.td-big-grid-title .td-sbig-title-wrap {
bottom: 10px !important;
}
.td-big-grid-post-3 .td-sbig-title-wrap, .td-big-grid-post-2 .td-sbig-title-wrap {
margin-left: 0px !important;
bottom: 10px !important;
}
}

2. Use this css:

.td-sbig-title-wrap a, .td-sbig-title-wrap .td-sbig-title {
color: red !important;
}

Thanks

Hi,

1. If you inspect the menu items you will noticed that each one has a unique css class: http://screencast.com/t/XQZP9MCjR
You can use that to target each menu item and set a different border-bottom color for each one. Ex: http://screencast.com/t/fcViESJp

Here is the css I have used:

.sf-menu > .menu-item-481 > a:hover {
border-bottom: 4px solid #e71dd5 !important;
}

2. First of all you don’t have and can’t pout an big slider on category pages but for category pages you can use like explained above this unique css class set on categories body tag: http://screencast.com/t/4EmvverBfI

If you don’t know how to do this we suggest to hire a freelancer to do it for you as do not offer custom work.

Thanks