Search Results for 'css'

Hello,
The mobile version re-sizes the font for it to properly fit on mobile devices. It can be changed with custom css:
@media (max-width:767px){
.td-post-title .entry-title{
font-size:20px!important
}
}
Thanks.

Hi,
Please check your css to see if there are no problems with closing tags. Make sure you implement it correctly as the code works as expected: http://screencast.com/t/PmEjIUWSJW9
If you cannot get it to work, please provide a link to your website and a screenshot of the code in your custom css so we can check for errors.
Thank you!

Hello david.donato89,

If you want to get rid the Google+ and Pinterest from share button section you can accomplish this through two methods. The simplest way is using a bit of CSS code to hide them. Please try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.td-post-sharing-bottom .td-social-pinterest, .td-post-sharing-bottom .td-social-google {
display:none;
}

The result is -> http://screencast.com/t/1RGDW5Tl8

or using the second way, you have to remove from the td_module_single.php core file, like this -> http://screencast.com/t/3kGQMCMLFr1

Thank you for the message!

Hello,
Sorry bit screenshots don’t help if you need css adjustments. We need a link to your website so we can inspect it and provide the css. If you do not want to provide it here, please send us an email at contact@tagdiv.com (provude username and password if needed) and paste a link to this topic as well so we can identify you.
Thanks.

Hello dizajn,

If you want to have this padding between this line and author you have to use a bit of CSS code to do that. Please try the code below and lace it in Theme panel->Custom CSS area.

The code is ->

@media (min-width: 1141px)
.post .td-module-meta-info {
padding-top: 3px;
}

Thank you for the message!

Hello Matija,

Unfortunately, as you can see in our documentation here -> https://forum.tagdiv.com/how-to-update-the-theme-2/ before each update we recommend to make a full backup to be safe. Also, your additional customizations are not part of our theme and in case that you lose those customizations is not our obligation to restore them because this involves custom work and we cannot provide customization services at the moment and also is not part of the support. Because we are good guys and we like to see our customers happy, below you can see these customizations.

1) Please try the code below and add in Theme panel->Custom CSS area

.footer-text-wrap {
display:none;
}

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

2)I suppose that you are referring to the gradient for your header, like this -> http://screencast.com/t/tcjLuzZrc Please try the code below and hide this gradient. Place the code in Theme panel->Custom CSS area.

The code is ->

.td-header-style-12 .td-header-menu-wrap-full .td-header-gradient:after {
display:none;
}

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

3)I have checked your website and I did not saw the extra spaces for your menu bar, probably you have solved this problem in the meantime.

Thank you for your understanding!

Hello,
There is no need. I should have known it was a text block…as it’s an exception. It will get it’s formatting from visual composer you you have to use css to change it. (it’s best provide as many details as possible in the future so we can provide the solution faster)
A text box title font can be changed with this css:
.wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6, .wpb_text_column h7{
font-family: "Times New Roman", Georgia, Serif;
}
Thank you!

Hello,

You can use a css trick to make the link not work anymore.
.td-post-category{
pointer-events:none!important;
}

Thank you!

Hello Publisher,

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

The code is ->

.entry-crumbs span, .td-bread-sep {
color:red
}

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

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

Thank you!

Hello Farrah,

This can be done but it will come with a cost. Our search widget uses a live ajax search that returns results live inside the box without having to click the search button. The live search will not be so easy to implement like you want as there is quite a bit of code that needs to be changed. We recommend hiring a developer for this task.
There is an alternative however. You could add the standard wp search box (it looks the same) only there will not be a live search, so people will have to click the search button in order to get results.
For this you will have to first remove the theme search widget and add the wp one like so:
You need to edit header-menu.php and change the search part of the code like so:
http://screencast.com/t/EwAqo2mjYrR8
Replace the code with this one:

<div class="td-search-wrapper">
    <div id="td-top-search">
        <!-- Search -->
        <div class="header-search-wrap">
<?php echo do_shortcode('[vc_wp_search]'); ?>
        </div>
    </div>
</div>

http://screencast.com/t/qobvZoKXqq

And then use this css for positioning:

#td-top-search{
width:30%!important;
}
@media (max-width:767px){
#td-top-search{
display:none!important;
}
}

Hope this helps.
Thank you!

Hello sapito,

Unfortunately, our theme does not have such an option and for achieving that is needed to do some additional customizations through code. Please check this link here -> https://forum.tagdiv.com/topic/category-page-ads/ and try to implement yourself this customization. Also, please notice that is not a simple task and is only for the advanced users which have solid knowledge for PHP/HTML/CSS. If you want to display more levels in our theme and you are not aware to the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!

Thank you for the message!

Hello dizajn,

If you want to have that border, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-module-meta-info {
border-bottom: 2px solid black;
}

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

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.

Thank you for the message!

Hello,
If you want to replicate the travel demo on another one, please follow this guide to do it:
https://forum.tagdiv.com/topic/how-to-stop-top-header-image-from-stretching/
If you change the block, it will require further customization as the style was designed specifically for block 5
If you want, you can alter the css for it http://screencast.com/t/KoQBmkEIUgp8
But it will need a bit of customization. (this page is custom made for the travel demo and not a theme panel feature)
Thank you!

Hello thanik30,

1)If you want to have the latest version of Visual Composer 4.11, please update your theme to the latest version which was released today, 17th Marth. If you want to find more information about this update, please check this link -> http://tagdiv.com/newspaper-6-7-update/
2)If you want to change the font size for each your block title, you have to use a bit of CSS code to do this. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_wrap .block-title {
font-size:20px;
}

The result -> http://screencast.com/t/5eK6OxmVkIt

3)Depends on what you want to mean through “customise the look of the block title”. Please notice that is a Visual Composer element and you have to target the specific class in order to apply the desired attribute (you can try to customise yourself as I presented you above).
4)If you want to increase the height for your header, please try the code below.

The code is ->

.td-header-menu-wrap-full{
height:200px!important;
}

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

5)Our related articles use a specific block to display the posts for this kind of feature. The block type is td_block_reltated_posts and it only used for related posts. If you want to change the functionality for this, you have to change the functionality altering the code from the core file, like this -> http://screencast.com/t/5o2poNC8XA8 -> http://screencast.com/t/DuDz1BuCmTf

Hope this helps!

If you want to display more levels in our theme and you are not aware to the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!

Thank you for the message!

Hello,

The speces you mention are margins and padding that can be removed with css. As this modification is a substantial one and specific for every case, we cannot do it for you as you have tyo decide what goes where so I will show you hw to do it with an example and then you can apply the method for all the other blocks.
Important note: the vertical spacing cannot be removed. That is the theme width. Our theme was created using a fixed with and if this is altered, the elements will not position propoerly anymore.
All the horizontal ones can be remove though.
You will have to know a bit of css for this. You can use the browser inspector to see the margins and padding:
http://screencast.com/t/oJWhHavwl9R
Then you can create your css code to overwrite the one form the theme.
This code will remove the topo margin and bottom padding for all blocks:
.block-title{
margin-bottom:5px!important;
}
.td_block_wrap{
padding-bottom: 5px!important;
}

But the space between block posts are added on every specific module so you need to inspect them with the browser inspector and remove them for every module type.
The same goes for the header. Different header styles have different margins and padding..

I hope this helps.
Thank you!

Hello George,

You can use the code below and place it in Theme panel->Custom CSS area if you want to hide your Logo and gradient for the 404 page.

The code is ->

.error404 .td-header-main-menu {
display:none;
}

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

Thank you for the message!

Hello,
Usually css issues are caused by plugin incompatibility. Please try to disable all your plugins excerpt visual composer, clear cache and reset cdn files. Then check your 404 page again.
If the problem is still there without plugins please provide a link to your website so we can inspect it.
Thank you!