Search Results for 'css'

Hello Leekad,

For more investigations in this regard, you should edit the style.css theme and remove the specific class, like this -> https://www.screencast.com/t/S4Vyw7V6mYt

Hope this helps!

Thanks for the message!

Hi,

I only see Latin on that output link.
Here is how ALL subsets look like:
‘http://fonts.googleapis.com/css?family=Princess+Sofia%3A400%7COpen+Sans%3A300italic%2C400%2C400italic%2C600%2C600italic%2C700%7CRoboto%3A300%2C400%2C400italic%2C500%2C500italic%2C700%2C900&subset=arabic%2Cbengali%2Ccyrillic%2Ccyrillic-ext%2Cdevanagari%2Cgreek%2Cgreek-ext%2Cgujarati%2Chebrew%2Ckhmer%2Clatin%2Clatin-ext%2Ctamil%2Ctelugu%2Cthai%2Cvietnamese&ver=7.8’

Thank you!

Hi,

You could set a custom width to the sub menu, first you have to identify the menu item where you want to make this change – https://www.screencast.com/t/YBtFAl4A and set a custom width with a code like this – https://www.screencast.com/t/yUVLJ3JKDw0 The code must be entered in Theme panel->Custom Css
Please let me know if this is not working for you, or you need further help, and also provide a link to your website for a more accurate solution. This is the code used in the example

.menu-item-6332 .sub-menu {
width: 100%!important;
}

Thanks

Hi,

I have tested the code again and it works as expected. I tested directly on your site: https://www.screencast.com/t/SijC7GyYU
This means you are either adding the code wrong or there is something preventing the css from applying.
Please check your custom css box and see if there are any warning or errors provided. There is a big red X left of the code if there is an error in the custom css box. This will make the code not work in the custom css box. Please provide a screenshot of your custom css box so we can inspect it and see how you are adding the code.

Thank you!

Hello,

Well it depends on how you add the fade-in effect. Our theme does not have a fade-in effect so it must be a custom code you added to make this. The code could not apply for different reasons. If it’s a css modification try to add !important after the css attributes.

Thank you!

Hi,

The date can only be disabled for all the modules from Theme panel – https://www.screencast.com/t/SaMxEzdZ If you would like that the date not be displayed only on category pages you could do it with some css, like this – https://www.screencast.com/t/aPfi2BOk This is the code used, you must enter it in Theme panel->Custom Css

.category .td-post-date,
.td-post-author-name span {
display: none;
}

Thanks

Hi,

I see that you have a demo installed. That particular demo has no meta for the modules by default. This can be seen in the demo – https://demo.tagdiv.com/newspaper_what/ What you can do in order for the date to display, is to use this code – https://www.screencast.com/t/s5D6ly7zk then the date will be displayed.
Here is the code used, please enter it in Theme panel->Custom Css

.td-what
.td_module_wrap
.td-post-date {
display: block;
}

Thank you for understanding!

Hello,

The demos have nothing to do with plugins. The theme functionality is not affected by the demos. The demos simply add a css style but do not change functionality. Plugins and all other functionality work the same with or without demos.

Thank you!

Hello leapdsc,

Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

h3 > a{
color:#fac913!important
}

The result is here -> https://www.screencast.com/t/bSkge52Dt

If is not what you mean, provide more details so I will be able to provide a more accurate response.

Thanks for the message!

Hello haqemcom,

Unfortunately, this type of logo does not come from our theme. You should check the WordPress CSS style and make the changes there. It is the CSS rule like background-image which load the source of this WordPress logo.

Thanks for your understanding!

Hi,

Please try to use this code for the problem with the related article section, with this result – https://www.screencast.com/t/b5GqKiir6
Here is the code used, you must enter it in Theme panel->Custom Css – https://www.screencast.com/t/5sTgc1Qe3
Please let us know if this is working for you, or you need further help regarding this.

.td_block_template_1
.td-related-title
.td-cur-simple-item {
color: #111;
}
.td_block_template_1
.td-related-title
.td-cur-simple-item:hover {
color: #ff9bd2;
}

Thanks

Hello salocharly,

You should use the Ad Box element from Visual Composer because there you have this option available, like this -> https://www.screencast.com/t/LJjbSgLL If you want to insert the Custom Ad on posts, you should generate the shortcode with Ad Box and then, using the do_shortcode method you can inject this code where exactly you want to add this to your post templates. -> https://www.screencast.com/t/jnILe8S2d The generated shortcode is ->
[td_block_ad_box spot_id="custom_ad_1" spot_title="Advertisment" tdc_css=""]

Hope this helps!

Thanks for your understanding!

Hello WakeUpCallProject,

Try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

#menu-australian-small-caps-asx a{
color:#EC8003!important;
}
#menu-australian-small-caps-asx a:hover{
color:white!important;
}

Thanks for the message!

Hi,

You could reduce the padding top of the page – https://www.screencast.com/t/9fkMc2BYde4d using a code like this – https://www.screencast.com/t/SpAt4GrM This is the code used and it must be entered in Theme panel->Custom Css – https://www.screencast.com/t/vDQOjXrw
Please let us know if this is working for you, or you need further help.

.td-main-page-wrap {
padding-top: 24px;
}

Thanks

Hello DaveS,

If you want to change the background, you should use the code below and place it in Theme panel->Cusotm CSS Area.

The code is ->

.gr__grandecor_bg body {
background:white!important;
}

The result is here -> https://www.screencast.com/t/oUQ9nq3DLh5

Thanks for the message!

Hello vortihk,

Try to add the !important tag to give more priority for your custom CSS code.

@media(max-width:767px){
.td-category-siblings{
display:none!important;
}
}

Hope this helps!

Thanks for the message!

Hello Arianna,

1)Notice that the Weather Widget is fully tested with our theme and it should work for most cities. For more references about how you can set it, please consult here -> https://forum.tagdiv.com/weather-widget-newsmag/
2)You do not use the correct HTML tag to add an image link to your website. Try to check the guide from here -> https://www.w3schools.com/tags/att_a_href.asp and check the results.
3)If you want to remove the white space which is placed above to your footer section, you simply use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-footer-template-4{
padding-top:0!important;
}
.td-footer-wrapper{
padding-top:0!important;
}
.td-main-page-wrap {
padding-bottom:5px!important;
}

The result is here -> https://www.screencast.com/t/bAqAwjC8W

Thanks for the message!

Hi,

Well you could achieve something like that, with a code like in this example – https://www.screencast.com/t/xx2jJccWJ and you could experiment with different values in the code, until you find the positioning you are looking for. However you should enter the code in Theme panel->Advanced Css->Desktop section, because this could not display properly on smaller devices, or it would need a different code in this situation. This is the code used in the example

.td_block_slide .td-slide-meta {
bottom: 35%;
width: 70%;
padding-left:25%;
}

Thanks