Search Results for 'css'

Hello ntvweb,

If you want to move to the right, without any distance, please change the value for left parameter, using the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-video-play-ico img {
left:0;
}

The result -> http://screencast.com/t/eIqdzqLl

Thanks for the message!

Hi,
It is a css rule added in the theme style.css. This is the code:

.td-category-description p {
font-style: italic;
font-family: 'Open Sans', arial, sans-serif;
color: #777;
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
margin-top: 15px;
}

You can change the code and use the !important tag and then place the code in the theme paenl->custom css box to override the theme code.

Thank you!

Hi,
You can add the code in the theme panel->custom css code: http://screencast.com/t/X8OZ8Eu81U
Thank you!

Unfortunately yes as the posts depend on the category page’s sidebar if the individual post sidebar is not set. Alternatively you can simply hide the sidebar with css for categories and leave the settings as they are.
You can use this code:
.category .td-ss-main-sidebar{
display:none!important;
}
.td-main-content{
width:100%!important;
}


Add the code in the theme panel->custom css box.

Thank you!

Hello ntvweb,

Please try the following custom CSS.

The code is ->

.td-video-play-ico {
left:auto;
top:0;
bottom:auto;
right:0;
}
.td-video-play-ico img {
top:0!important;
}
.td-video-play-ico.td-video-small img {
top:0!important;
}

The result you should see here -> http://screencast.com/t/MUJZ1Cf8FnM1

Thanks for your understanding!

Hello,

You can do that by adding padding left and right to your post content inside the post itself by creating a new css class and setting the padding for it like so:
.paragraph-custom {
display: block;
padding-left: 10%;
padding-right: 10%;
}
Add this code in the theme panel-> custom css code and then place your post content inside a div with this class assigned to it like so: http://screencast.com/t/Jgc07K32
This has to be done in text mode in the mce editor.

Thank you!

Hello,

Our theme does not have this option so it will have to be made custom .For this you will have to know a bit of coding (html and css) as you will need to edit the theme files and create a custom container above the sharing options: http://screencast.com/t/rbjAiQxunhrE You will have to add the div to each post style you use. Every post style has it’s own file.

Thank you!

Hello football5,

Unfortunately, our theme does not have such an option for it and the theme has not been designed to be used in more than 1021 px for width.
Please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hi,
Try this css if you want the fuields to stretch the full width:
.tml {
max-width: 100%!important;;
}
Thank you!

Hi,

The theme does not have any option for that but you can use a bit of css to do it. Try this code:
.td-login-modal-js{
color:red!important;
}


Thank you!

Hello thanop,

If you want to disable the Ajax Search function, please notice that you will have to use a bit of CSS code to hide the class which calls this option. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-aj-search-results{
display:none;
}

Thanks.

Hello,
It could be some custom css you had in place for your header or a plugin conflict so please remove any custom code you may have in place and disable all plugins except visual composer, clear cache and reset cdn files.
Let us know if you still have trouble with the header.
Thank you!

Hello webowner001,

If you want to remove the Popular Posts Block, please notice that you will have to use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-footer-template-2
.td-pb-span4 .td_block_7 {
display:none;
}

The result -> http://screencast.com/t/kmuj61AiX

You will not have to erase the footer.php, just only what I presented you above.

Thanks.

Hi,
You have a custom css in place that does not come from the theme. Please disable all plugins except visual composer, clear cache and reset cdn files. Also if you have any custom modifications in place, please revert the theme to it;s default code.
Thank you!

Hi Robert,

Unfortunately there is little that can be done about it. If you move css to the footer, all of the styles will be loaded later and you will see each css re-write. In order to avoid this, you need coding knowledge and place your css styles directly in style.css and there is no way of adding it automatically. Alternatively, you can use speedbooster and simply remove style.css from it;s files so it will not get moved at all but you still move other render blocks.

Thank you!

Hello liangfengjing,

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

The code is ->

@media(max-width:767px){
.td_block_related_posts {
display:none;
}
.comments{
display:none;
}
}

Thanks for your understanding!

Hello aliou89,

If you want to hide the main menu bar for your mobile, you will have to use a bit of CSS code to hide it. Try the code below and place it in Theme panel->Custom CSS area.

@media(max-width:767px){
.td-header-main-menu{
display:none
}
}

The result -> http://screencast.com/t/KNlCCxprmN

Thanks.

Hello mikegiam,

If you want to rule out the thumbs for images for module M10 and module M6 you can use a bit of CSS code to hide it.

For module M6 use this code ->

.td_module_6 .td-module-thumb {
display:none;
}

The result -> http://screencast.com/t/8LWpVHOT

For module M10 use this code ->

.td_module_10 .td-module-thumb {
display:none;
}

The result -> http://screencast.com/t/cIkHwk1SUXt

Thanks.