Search Results for 'css'

Hello applepexky,

If you want to change the background-color for your category tag, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-post-category {
background-color: red!important;
}

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

Hope this helps!

Thanks.

Hello oguerin,

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

The code is ->

.td-travel .td-header-style-5 .sf-menu > .sfHover > a, .td-travel .td-header-style-5 .sf-menu > .current-menu-item > a {
color: white !important;
};

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,

For those particular widgets please use this code:
.widget_text{
margin-bottom:0!important
}
.widget{
margin-bottom: 5px!important;
}

You can use your browser inspector to get the specific classes and see the margins and padding on every element if you require this in any future customization:
Right click the element and select ‘inspect’: http://screencast.com/t/xESxPXQ6fg
Then you simply copy the classes for the element and modify the css property.

Hope this helps.
Thanks.

Hi.

It seems I forgot the php tag. Sorry :).

Please try this code:

<?php
        if ($num_comments > 0){  ?>
        <div class="td-comments-title-wrap <?php echo $td_css_cls_pb_padding_side ?>">
            <h4 class="<?php echo $td_css_cls_block_title ?>"><span><?php echo $td_comments_no_text?></span></h4>
        </div>
    <?php }; ?>

Thanks.

Hi,
If you want to remove breadcrumbs from all pages you can use this code:
.page .entry-crumbs{
display:none!important
}
Simply add the code in the theme panel -> custom css box.
Thank you!

Hi,

Unfortunately there is no setting for this, but it can be done by adding an extra condition in the php files.
Please replace this part: http://screencast.com/t/AiASlqmqEd with this code:

if ($num_comments > 0){  ?>
<div class="td-comments-title-wrap <?php echo $td_css_cls_pb_padding_side ?>">
<h4 class="<?php echo $td_css_cls_block_title ?>"><span><?php echo $td_comments_no_text?></span></h4>
</div>
<?php }; ?>

It should look like this:
http://screencast.com/t/UW6NlpRg55e

Thank you!

Hello modernmavens,

I suppose that you want to remove the gradient for your Big Grid Slider. Please try the code below to do that.

The code is ->

.td-big-grid-slide .td-grid-style-1 .td-module-thumb a:last-child:before{
opacity:0;
}

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

For your second request, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-big-grid-slide .td-icon-left, .td-big-grid-slide .td-icon-right{
opacity:0.7!important;
}

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

Hope this helps!

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

Thanks.

Hi,

As you can see, the topic is form almost 2 years back. The code will not work anymore as the theme has been updated many times since then. You can target your blocks using the browser inspector and use the specific css classes like so: http://screencast.com/t/IklwH06h21Xq
In this case, if you want to remove the padding, you would use the code like so:

.td_block_7.td_block_wrap{
padding-bottom: 0!important;
}

I also added the block 7 class so the code will be more specific as multiple blocks use the .td_block_wrap class and if I were to only leave this class in the code, ALL the blocks will have the padding removed.
Hope this helps.

Thank you!

Hello,
The post title has a dynamic color if it’s left on default so it will change based on the post style. If you cahange the post style color, this dynamic color will be lost and you will have to set it with css for every particular post style. Your site requires a username and password so I cannot see it but this css should do the trick:
.td-post-template-8 .entry-title{
color:white!important;
}
Simply add the code in the theme panel, custom css box.
Thank you!

Hello kapunas,

If you want to hide the Next/Prev button for desktop and show them for the mobile mode you have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media (min-width:768px){
.td-next-prev-wrap {
display:none;
}
}

If you want to reduce the dark gradient for Big Sliders, you have to use a bit of CSS code. Try the code below.

The code is ->

.td-module-thumb a:last-child:before {
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%)!important;
}

For your final request, please provide more details about what you want to change because I do not understand better. Also, please provide your website URL so I can further inspect the place.

Thanks.

Hi,
The css code can simply be added in the theme pane->custom css box like so:
http://screencast.com/t/aQ8AqKMzT and this will be the result:
http://screencast.com/t/8WxVgTnYfTb
Thank you!

Hello,
You can use the same technique for hiding any element.
You would use the code like so:
.page-id-147 .td-header-rec-wrap{
display:none!important;
}
You need to use the browser inspector and target the css classes.
Thank you!

Hello

If you want to change the font size for this kind of Visual Composer element, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.vc_separator {
font-size:50px
}

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

And also, please notice that you can change the separator settings from the panel, like this -> http://screencast.com/t/G1IXy614

Hope this helps!

If is not what you mean and for an accurate code, please provide your website URL so I can further inspect it closer.

Thank you for the message!

Hello

2)As you can see in this screenshot here -> http://screencast.com/t/jFkFImgG8L3 if you want to have the same layout for your sidebar you have to add Block 21 into your Sidebar area.
3)4a) That is Block 2 -> http://screencast.com/t/CBwmpEXudqy Please consult our demo here -> http://demo.tagdiv.com/newspaper/block-2/
6)Yes, these are WP plugins and for more information about these, please consult the documentation here -> https://wordpress.org/plugins/regenerate-thumbnails/ -> https://wordpress.org/plugins/thumbnail-upscale/ Please notice that these kinds of plugins are not tested with our theme but seems to work as properly with the theme and a lot of users uses them and we have no bad reports about its functionality.
7)If you want to see any changes into your footer when you add some widgets in this section, you have to use Footer template style 5 because it is a custom template and you can customize it as you wish.
-> http://screencast.com/t/VZxZPXTa

New question:
1)Unfortunately, our theme does not have such an option to change this duration, sorry! If you want to change it, you have to alter the code and this involves custom work. If you want to do this and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
2)Please check your setup page for your homepage and try to remove them from there. -> http://screencast.com/t/aJcX7URFC I suppose that H4 tag with ul attribute was put manually from the panel or maybe come from your plugins.
3)In this case, is used Block 19 and the meta info are included into the thumb as in your screenshot -> http://demo.tagdiv.com/newspaper/block-19/
4)You can change the link only from Theme panel, like this -> http://screencast.com/t/RRs7JudGATB and if you want to change the color of the link you have to use a bit of CSS code to do that.
The code is ->

.footer-email-wrap a {
color:white!important;
}

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

5)Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more {
background-color:red;
}
The result -> http://screencast.com/t/Lro2Q8EWsl

Hope this helps!

Thank you for the message!

Hi,
I’m sorry but css will not fix this as the styling is altered. Please remove all the css code from the theme panel, and restore the theme to it’s default state including custom modifications you may have in place. The menu should display properly as seen here: http://demo.tagdiv.com/newspaper/
Your problem originates from either customization or plugins so if the problem is still there after you revert to the theme default, then please disable all plugins except visual composer, clear cache and reset cdn files.
Let us know how it goes.
Thank you!

Hi,
There are no settings for this so it will have to be made custom. You will have to know a bit of html and css to get it done.
For the first design you can use this code:
.block-title span{
background-color:transparent!important;
border-bottom: 2px solid green;
}
http://screencast.com/t/YGkfI33WR8o
For the second design you can use this css:
.block-title span{
background-color:transparent!important;
}
http://screencast.com/t/wzSvjSqlYc
And you have to edit the block and set the block title to another color besides white.

Right now the codes will apply to all of the elements. You need to target the individual classes of the blocks you want the titles to apply to. You can add extra classes to the row in visual composer to help you target elements better.
Hope this helps.
Thanks.