- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hello modocmag,
Unfortunately, our theme does not have any such an option that allows you to make you each menu item to have another color, sorry! You should do it yourself using the CSS code according to our useful guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ This task involves doing more custom work and please notice that we cannot provide this type of services at the moment, sorry!
Thanks for your understanding!
Thank you for information about retina logos.
However – When I apply the logo with a background color, the logo itself touches the top and bottom edges. I need to create space in the margin-top and margin-bottom so that the background is visible in the top most and bottom most areas. What CSS do I use to modify this?
I’m developing a site in which a great many posts are commented notifications of new, authored topics on various remote sites, and which need no author box or even ‘by author’ tags in the posts on my site. However, a number of in-depth posts are/will be authored ‘locally’ and should have author name and author box attached to post.
Is it possible to switch off name and box in the theme template, then switch a theme ‘on’ only for a few individual posts?
(switching name and box ‘on’ in theme template, then switching ‘off’ with custom css per postid would require far too much custom css work!)
Regards,
Alan

Also you describe that feature in the update ”Version 8.0 – May 24rd, 2017” in Themeforest as: “new: Live frontend LESS and CSS editor. This allows you to quickly add CSS or LESS quick to any page of your site”
Thanks
Hi,
You could cancel the opacity transition, try a code like this
body .td-backstretch {
-moz-transition: none;
-webkit-transition: none;
transition: none;
}
Enter the code in Theme panel->Custom CSS and check the results. Maybe clear all caching after entering the code.
Thanks
Could you be so kind to read what I sent you on this link:
https://premium.wpmudev.org/forums/topic/changing-of-woocommerce-columns-on-category-pages
I am not talking about increasing the product number, but increasing the numbers of columns for category design from the default 4 column to 5 column on the shop or archive page.
By the way, I have done what you asked me from your first response, that only affects the product number, and not the category column number.
If you even check what you sent to me now on the increasing from 4 to 40, you will discovered the columns on the archive page remains 4, but the product number is 40.
I am concern with increasing the column and the product number.
The solution was tackled in the link above by using css to reduce the width of the archive page to accommodate more columns.
Looking forward to your action.
Thanks
Hi,
I could not say what exactly is causing the issue, there could be an interaction between theme CSS conditions and the actual ad code. However, glad you could fix the issue and the ads are displaying properly at the moment.
Thanks
You can add it ad the very bottom of the style.css file.
Thank you!
Hello,
I’m not sure what live css you are referring to. There is no live css on posts in our theme. Are you sure it’t not a plugin you are mentioning?
Hello,
Please add this code to your theme panel-> custom css box:
.page-template-default .wpb_text_column .w2dc-listings-block :last-child{
margin-bottom:0!important
}
Thanks.
Hello robert4web,
Unfortunately, until now, we do not have any report in this case, sorry! Also, we do not have an idea about your checked and notice that not every time, online checks return a correct result, sorry! Please read these guides:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Thank you!
Hello yupsumit,
Where do you have CSS in the footer? -> https://www.screencast.com/t/Jq0nPWfGN Provide more details about what exactly you want to remove so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi,
Thank You for reply.
Only think that i add is this in global java
// Anonymous "self-invoking" function
(function() {
// Load the script
var script = document.createElement("SCRIPT");
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
script.type = 'text/javascript';
document.getElementsByTagName("head")[0].appendChild(script);
// Poll for jQuery to come into existance
var checkReady = function(callback) {
if (window.jQuery) {
callback(jQuery);
}
else {
window.setTimeout(function() { checkReady(callback); }, 100);
}
};
// Start polling...
checkReady(function($) {
// Use $ here...
});
})();
jQuery(document).ready(function()
{var imavidea=false;
var imafacebookvidea=false;
//Ovdje ide facebook embed code
var facebookembedlink='<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FVideoCraftStudioProduction%2Fvideos%2F825894130902546%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>';
//Ovdje ide youtube video link
var videolink="https://www.youtube.com/embed/tsPGxI4J4FI";
if(imavidea)
{
jQuery(".td-big-grid-post-4").html(jQuery(".td-big-grid-post-3").html());
jQuery(".td-big-grid-post-3").html(jQuery(".td-big-grid-post-2").html());
jQuery(".td-big-grid-post-2").html(jQuery(".td-big-grid-post-1").html());
jQuery(".td-big-grid-post-1").html(jQuery(".td-big-grid-post-0").html());
jQuery(".td-big-grid-post-1 img").css({"height":"100%", "width":"100%"});
if(!imafacebookvidea){
jQuery(".td-big-thumb").append('<iframe width="100%" height="100%" src="'+videolink+'?autoplay=1" frameborder="0" style="position:absolute; top:0;left:0; right:0; bottom:0; z-index:10" allowfullscreen></iframe>');}
else
{
var facebookispravljen=facebookembedlink.split('"400"').join('"100%"');
facebookispravljen=facebookispravljen.replace('overflow:hidden"','overflow:hidden;position:absolute; top:0;left:0; right:0; bottom:0; z-index:10; "');
jQuery(".td-big-thumb").append(facebookispravljen);
}
}
// jQuery("li.comment section.content").each(function(){jQuery(this).html(jQuery(this).html().replace(/<br/g, '<br/><br'))});
jQuery("body.single article header").first().append('<div class="sharedaddy sd-sharing-enabled">'+jQuery("div.sharedaddy").html()+'</div>');
setTimeout(function(){jQuery("#gk-content-top").css({"max-height":"500px","margin-bottom":"0"});},1);
setTimeout(function(){jQuery("#gk-banner-top").css({"transition":"all 1s","-webkit-transition":"all 1s","-ms-transition":"all 1s","-o-transition":"all 1s"}).css("margin-top","0");},1);
jQuery("#gk-mainbody-top #widget_gk_nsp-24 .gk-nsp-arts img").each(function(){var sors= jQuery(this).attr("src"); sors="wp-content/uploads/"+sors;jQuery(this).attr("src",sors);})
}
);
jQuery("#gk-inset").before('<div id="youtube_responsive-4" class="box widget_youtube_responsive">'+jQuery("#execphp-6").html()+'</div>');jQuery("#execphp-6").hide();
/* jQuery(document).ready(function(){
var a=jQuery("#execphp-6").html();
jQuery("#execphp-6").html("");
jQuery("#youtube_responsive-4").html(a);
})*/
Here is my system status: http://prntscr.com/h3orse
I have updated theme, and this is happend before update, i think update is not problem.
how to remove css from footer. check reviewkabaap.com
Hi,
I am looking to add a multi-colored text menu. Basically, I need the text to be a different color for each title in the menu so it can match my category colours. Is there a way to add a CSS code for this. I tried using the menu-item specific code but only background colours work not actual hover text colours.
Website: https://ourculturemag.com/
i add td composer to my website plugin
but when i activate it this msg appear to me in the bottom of site how can i solve it
Array
(
[type] => 8
[message] => Undefined index: td_action
[file] => /home/recipesh/perusecontent.com/wp-content/plugins/td-composer/css-live/css-live.php
[line] => 31
)
I have a problem with hover color on the big grid. My page is very large and needs a lot of time to load. When loading the hover is blue. On which line in style.css or somewhere else I have to change color so that no blue appears when the page loads. My color is rgba (0,0,0,0,4).
When the page loads: http://www.info-pelegrin.hr/Defender/Defender1.png
After loads (good): http://www.info-pelegrin.hr/Defender/Defender2.png
Oh actually it wasn’t what I thought it was — thought it was a setting in Theme Panel, which I changed and that seems to fixed it. But after testing out Ultimate Member plugin, turns out that if you set it to “Never load CSS / JS in homepage”, it seems to override the theme CSS! Just FYI to anyone who is using Ultimate Member.
Yes. I compact that using mod_pagespeed …
and I meant *all* custom code; “The Theme Panel puts all the custom fonts, colors and customizations in inline code instead of storing them in a file” … all of that can be done manually in the style.css vs using theme panel to make those changes.
Thanks!
I’m not talking about custom CSS, but the CSS that is directly generated by the theme, which generates as Inline content
Best way to do custom CSS, btw; is simply add to bottom of the style.css and minify; don’t place in the theme panel.
Also, if your host supports mod_pagespeed there is a nifty filter to remove comments, empty spaces and line breaks at the server level.
Not perfect answer, but that’s what I do. 🙂
ok but at which level in style.css ?
Some of my published instant articles were getting unpublished due to the same errors:
General Errors: Unexpected end tag : style
General Errors: Unexpected end tag : style
General Errors: Unexpected end tag : textarea
After searching the produced instant article code, I saw that those errors arise from the js code that is automatically produced from the live css edit feature.
How’s possible to either disable the live css edit feature or edit the code — tell me where the files are located?
Thank you.
PS
The lines that produce the errors are:
1. //jQuery(‘head’).append(‘<style>’ + arr_splits[i] + ‘</style>’);
2. splited_css += “<style>” + formated_str + “</style>”;
3. $liveIframe.contents().find(‘body’).append(‘<textarea class=”tdw-css-writer-editor” style=”display: none”></textarea>’);
Hi!
Been using the theme for a month and it’s been great regarding functions and customization. The only thing I’ve been really fighting with is performance, as the theme generates lots and lots of inline CSS & JS instead of having main cores on files which I can compress and cache.
So far I’ve done all the optimizations recommended, using WP Cache and also Fast Minify. They work as intended, however there’s one thing they can’t fix: Inline code.
The Theme Panel puts all the custom fonts, colors and customizations in inline code instead of storing them in a file, making it impossible to compress, minify and cache those files, while also render those customizations last.
Is there a way I can easily modify the code (I’m a dev), without breaking updates, for putting those customizations on a file instead of inline?
And as a suggestion, reducing the inline code both for the Theme Panel customizations and for the Blocks would be a huge performance hit on this theme. Even on dedicated servers it’s not loading as fast.
Regards and thanks
I tried to add the following CSS
body.home ul.products { display: none; }
..into the store page’s Visual Composer CSS container, but it doesn’t have the desired effect.