Hello,
It seems the re is no top margin at all on posts. Did you remove any rules from the css file? The top margin is nowhere to be found in the code either. Please disable all plugins except visual composer, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.
Thank you!
Hi,
Unfortunately there is no tutorial or documentation for installing the demos that way. The demos are meant to be installed through the theme panel automatically. Trying to install a demo by parts could be more difficult then the one click default installation.
Just to get an idea, inside the demo folders you can find the homepage layout for example – https://www.screencast.com/t/BPtQEcII that can be used in Visual composer, the demo css and less files – https://www.screencast.com/t/NAiSRWIjn or the settings from theme panel – https://www.screencast.com/t/A754eoeyLT that are imported when you install a demo. But there are more elements that can not be added in a different way, only by installation process through the import feature.
Thanks
Hi,
i write a short code to mark all my Affiliate Text Links and put it into custom css:
a[href*="/geht/"]:after {
content: "PL";
vertical-align:super;
font-size: 8px;
}
PL = Partnerlink = Affiliate Link
works fine, but only on desktop and tablet PCs. The reference works not with the mobile theme. Means, the reference it is not shown on mobiles. Where is my mistake? Can you help me?
for example: Post with and without marked links
Thanks
Hello,
Indeed there is no icon for this network so you will have to add it through css maybe. You can add a new social network by including it in this array: https://www.screencast.com/t/94tbyVXTwl
Thank you!
Hello Sebastian Escobar,
If you want to change the color of these elements, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-template-3 .td-post-title .entry-title{
color:#343d46!important;
}
.td-post-template-3 .td-post-title .entry-title span{
color:#343d46!important;
}
The result is here -> https://www.screencast.com/t/gQnUvIQS0el
If is not what you mean, provide some suggestive screenshots where you should show me where exactly you want to change the color.
Thanks for the message!
Hello,
The color can be changed with this css code:
.td-post-sub-title{
color:black!important;
}
Add the code in the theme panel-> custom css box.
Thank you!
The second block spacing is a custom css you added. Please remove this code from your advanced css box:
.td_block_big_grid_3 {padding-bottom: 20px;}
Thanks.
Hello,
In most cases a theme will not recognize another theme’s custom shortcodes. Each theme has it’s own shortcodes. If you add shortcodes to your posts from our theme, then another theme will most likely not recognize them as well. Each theme has it’s own rules and it’s own custom code. I can’t say for sure about a css solution. please provide a link to your site so i can inspect it.
Thank you!
Please take a look at the screenshot
I would like to change font-weight setting for the headings only in the Big Grid 6 element. I couldn’t find the class in the firebug.
How can this be acieved?
Thank you.
Hi, I’ve hidden the counter with CSS because it’s displaying an inaccurate count of 0. Thanks!
welcome to WordPress. FYI, most complex themes use custom classes (e.g., td_) for custom code, custom plugins, and custom CSS to extend Visual Composer; this is partly to keep things organized for developers and also to minimize “collisions” with other theme developers. Most plugin devs do this also, whether it’s Yoast, Advanced Custom Fields (eg., “acf_blah”), etc.
Doesn’t it make sense if the theme has a custom plugin, custom menus, etc. that are intended for its own theme, to use custom classes?
You can use a proper programmer editor to do full search/replace in ALL files but no way to do this by hand, and also it means you won’t be able to do updates to theme without redoing all the changes.
Most savvy webdev folk can “figure out” which theme you use without too much trouble, so you’re not really hiding that from anybody except newbies looking at source code. “real devs” can easily deduce which theme it is.
Hi Simion,
I already use child theme but it (obviously) depends on the main theme.
The point is that I dont need all the 1024kbps of declarations that are present in the main css theme, so I’m wondering if through less I could compile the main theme only with the components that I need.
Hi
For example I have the style3 for news with white title fonts, you can see it here: http://chilecientifico.cl/chilecientifico/2017/03/24/en-una-decada-chile-tendra-el-70-de-la-capacidad-astronomica-mundial/
but in author columns I have the style 12 and the color of title is also white: http://chilecientifico.cl/chilecientifico/2017/03/22/y-tu-cuantas-publicaciones-tienes/
I need this color title in #343d46 or in black.
I don’t know how to assign this color to .td-pb-span12, I tried in many ways with css.
I can’t send screenshots through this forum…
Hello,
I open this post after your answer at this post : https://forum.tagdiv.com/topic/bad-update/
Like the others, my big grid are now boxed with error message. I know why because you explain well why. But I have one trouble. I try to do : “Please comment out or remove this code: https://www.screencast.com/t/SKhrNN5v47 and also remove one of these curly braces: https://www.screencast.com/t/AjjTkQM3E The check is added in each grid file in particular so you will have to edit the file corresponding to the grid you use.”
But unfortunally I can’t found this code on my PHP file.
I use only Grid 5 for this moment,but I try to found the code to remove on all Big Grid and I do not found it, that why I paste my code on this forum. Can you help me to know what I need to do for don’t have anymore this message error on my Big Grid 5 ?
My all file Big Grid 5 PHP :
<?php
/**
*
* Class td_block_big_grid_5
*/
class td_block_big_grid_5 extends td_block {
const POST_LIMIT = 3;
function render($atts, $content = null){
// for big grids, extract the td_grid_style
extract(shortcode_atts(
array(
‘td_grid_style’ => ‘td-grid-style-1’
), $atts));
$atts[‘limit’] = self::POST_LIMIT;
parent::render($atts); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
$buffy = ”;
$buffy .= ‘<div class=”‘ . $this->get_block_classes(array($td_grid_style, ‘td-hover-1’)) . ‘” ‘ . $this->get_block_html_atts() . ‘>’;
//get the block css
$buffy .= $this->get_block_css();
$buffy .= ‘<div id=’ . $this->block_uid . ‘ class=”td_block_inner”>’;
$buffy .= $this->inner($this->td_query->posts); //inner content of the block
$buffy .= ‘<div class=”clearfix”></div>’;
$buffy .= ‘</div>’;
$buffy .= ‘</div> <!– ./block –>’;
return $buffy;
}
function inner($posts) {
$buffy = ”;
if (!empty($posts)) {
$buffy .= ‘<div class=”td-big-grid-wrapper”>’;
$post_count = 0;
foreach ($posts as $post) {
$td_module_mx12 = new td_module_mx12($post);
$buffy .= $td_module_mx12->render($post_count);
$post_count++;
}
if ($post_count < self::POST_LIMIT) {
for ($i = $post_count; $i < self::POST_LIMIT; $i++) {
$td_module_mx_empty = new td_module_mx_empty();
$buffy .= $td_module_mx_empty->render($i);
}
}
$buffy .= ‘</div>’;
}
return $buffy;
}
}Thanks in advance !
Why doesn’t it recognize it??? It’s on over 2,000 of my posts….Is there something I can add in CSS that removes it from all posts?
Thanks.
Hello,
1. If you want the text to fill the entire space you need to add justify to it.
Here is an example:
.td_module_18 .td-excerpt{
text-align: justify;
}
You can add this code in the theme panel-> custom css box
This code will affect only module 18 though. If you want to justify all of the excerpts on your site you can use this code:
.td-excerpt{
text-align: justify;
}
2. If you want a custom excerpt, you can simply add a custom one here: https://www.screencast.com/t/lY9oEtCe1gw when editing a post.
Thank you!
Hi,
You can try the code provided below, with this result – https://www.screencast.com/t/FbS2S7d1Q9kb
The code must be entered in Theme panel->Custom css
table th {
text-align: center;
}
Thanks
Hey and if I just want to disable the search button from the main menu? How can I go about that?
The menu search can only be removed with css as there in so option to hide it.
Please use this code in the theme panel->custom css box
#td-top-search{
display:none!important;
}
https://forum.tagdiv.com/topic/remove-search-from-main-menu/
Hello ferdinand98,
1)If you want to achieve this, please try to code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-magazine .td-related-title .td-cur-simple-item{
color:white!important;
}
The result is here -> https://www.screencast.com/t/D6OaCS1dUmRQ
2)Here is talking about two different header styles. Notice that you are using the header style 5 and the Travel Demo uses the header style 8. If you want to have the same theme behavior regarding on the main menu, you should switch your header to the header style 8 and then you will have this thing. Also, if you want that your color to be another when you hover over the menu items you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-wrap .black-menu .sf-menu > li > a:hover{
color:black!important;
}
The result can be found here -> https://www.screencast.com/t/WgfTgrjq
3)
4)IF you want to remove the Breadcrumbs from the top of your website, you should change the page template to default template or you can use a bit of CSS code to do that.
The code is ->
.td-crumb-container{
display:none!important;
}
.td-page-header{
margin-top:10px!important;
}
The result is here -> https://www.screencast.com/t/kXmLEEzV
4)Check your theme panel, Theme Colors settings and ensure that your colors settings for all elements are setup on default.(push to be clear) Clear all your caches and check the results.
6)Please consult our documentation here -> https://forum.tagdiv.com/newsmag-header-styles/ because there you will find our available header style. If you want to have anything else, you should implement it yourself because we cannot provide custom services at the moment, sorry!
Thanks for your understanding!
Hello,
Sorry but our theme does not have any such option. You can try a simple css code to hide the ads to prevent unwanted clocks though:
.logged-in .td-a-rec, .logged-in .td-g-rec{
display:none!important;
}
You can add the code in the theme panel-> custom css box.
Thank you!
Hello,
You will need coding skills for this if you want to implement custom loading effects. Here is an example:
http://stackoverflow.com/questions/11679567/using-css-for-fade-in-effect-on-page-load
Thank you!
Hi Catalin,
Yes, I am using a child theme and have imported/copied the respective files & folders from the main theme to the child.
I totally understand that you do not support these kinds of detailed adjustments.
Only one more question:
Are there other files I should also copy to the child theme? may that be the problem? Or is it simply a matter of finding the proper CSS rules in my custom CSS?
Hi,
It seems you have the counter hidden with css. Please remove this code from your custom css bvox: https://www.screencast.com/t/RKN5Q9VG
Thank you!
Hello,
It ca be done with a css code like for example:
.td-banner-wrap-full{
background-image: url("https://flfamily.org/wp-content/themes/ffpc/images/image_banner.jpg");
}
Thank you!
Hello,
Each menu item has it;s own class you can target with css like so:
.td-header-style-3 .sf-menu > .menu-item-5243 > a{
color:Red;
}
.td-header-style-3 .sf-menu > .menu-item-5244 > a{
color:green;
}
.td-header-style-3 .sf-menu > .menu-item-5245 > a{
color:lightblue;
}
You can target any menu item and change their color.
Thank you!
