- TutorialsDefault Block Settings Guide
- TutorialsSystem status parameters guide
Hello,
I have purchased and installed Newspaper Theme v6.2 on my website. I am facing following issues with it. Let me know how can it be resolved :
Website URL : http://www.naukrinama.com
1. I want to add a Email Subscription form onto my website. But there is no option for the same in theme. How can i get it done ?
2. The sharing options which is provided with the theme doesn’t show me option to share through whatsapp. Can you tell me how can I add whatsapp sharing option ?
3. When i try to share any of my article link onto social media the details which gets fetched from the URL also shows the Author Name. I don’t want to show Author Name in it. How can it be removed ?
4. I have a category named “States” on my website and its slug url is (http://www.naukrinama.com/states). The theme provides an option to select only fixed templates for category.
But i wanted to create a separate custom page for my category which contains some modules and blocks. For that I created a new page with URL (http://www.naukrinama.com/state-jobs). Now I want to make this page the default page of my category. How can it be done ?
Also how can I add category tags on top of a custom page which i have created like the category template page.
5. The “States” menu on my website contains 36 entries and which isn’t getting displayed onto a single screen in menu dropdown. I want to create a multi column text based mega menu in which there would be 4 columns and each would contain 9 entries. Let me know how can this be done ?
6. The menu in the mobile layout is not working fine. The menu gets scrolled with the page itself and all menu entries start moving towards top. Ideally even if the page scrolls the menu should remain fixed. I am not talking about sticky menu here. I am talking open the menu is expanded and then the page is scrolled. See the screenshots below for reference. Let me know how to resolve it.
Screenshot 1 (When open opened) : http://imgur.com/hwyEruq
Screenshot 2 (When Page scrolled) : http://imgur.com/1xLKSp5
See the scroll of the page. Ideally the page should scroll but the menu shouldn’t
7. Current my website is showing 6 sections in footer with 3 in each row. I want to remove the Editor Picks sections and then want to menu the bottom 3 section into one single section i.e. About Us, Logo and Social Links once below another and place that block in place of Editor Picks. Let me know how can that be done.
Looking forward for a revert from development team on these points.
Hi there,
I installed a FB comment plugin but it’s showing up BEFORE the bottom ad of the post, the share buttons and the “more articles”.
How can I have the FB comment go all the way on the bottom where the comment section should be?
http://unyawn.com/baby-elephant-plays-with-birds-will-melt-your-heart/
Note that some of the stuff in my functions.php list may not apply to you, for example if not using YOAST SEO plugin, you’d not need the code there. If you’re using Visual Composer for anything other than home page, you would likely not use the visual composer stuff at bottom.
Basic issues with editing functions.php are
a) edit with a true text editor, like textpad, BBEdit, or other programmer tool, *NOT* a word processor; and make sure if using Unix, you save with unix line breaks; with Windows server, you may need to save with Windows line breaks
b) make sure you don’t break end of the file — meaning, some functions.php files have a closing ?> bracket, some don’t — obviously you should put code INSIDE the closing php bracket if there is one, but *NOT* inside another query bracket — so good to make sure you’re putting it in the right place at the end of the file, but not outside a closing bracket for the file, but not inside closing bracket for another function.
c) make sure you don’t have a “service” which is trying to do the exact same things, through a dynamic re-write — meaning, if you have some kind of aggressive service re-writing your pages to remove the version numbers on end of files, my list might conflict.
My lineup of optimizations work perfectly with mod_pagespeed (e.g., comment removal and indent removal, etc.), Apache/Linux servers, current version of WP, tagdiv booster framework, YOAST SEO, and mod_SPDY.
Like anything — always keep backup, and revert back if any change to ANYTHING you do does not work as expected.
And use common sense — if you have “allow pingbacks” turned *on* in your WP admin panel — you shouldn’t use my function to turn that off on the backend 🙂
Hi,
This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into css stylesheet file, which will make your colors to load first and stay that way. You could also deactivate the plugin if you don’t need it and see if you still have this issue.
Thanks!
Hi,
The theme allows shortcode (in post html editor or in the code) but you will have to create your warning message box using Visual Composer elements (for example in a text block), take the shortcode – http://screencast.com/t/FiPcJiIOjPSL and use do_shortcode function to add in the the template file(s) if you want to appear on all of your articles(as reference how this function is used) – https://forum.tagdiv.com/topic/move-the-bottom-article-ad-spot-below-the-share-bar/ or past only the shortcode in the post content – http://screencast.com/t/TzjVXW1Q4Ul
Thanks!
Hi,
SpeedBooster is configured to move the default fonts at the page bottom – http://screencast.com/t/BbicZXTeALb
You have to edit the file and add conditions for the custom added fonts, check this guide – https://forum.tagdiv.com/how-to-make-the-site-faster/
Google may also penalize your score when you have multiple resources, you have to check on page source to see if the css was actually moved at the page bottom.
Thank you!
Hi,
You can place a custom ad in the code – http://screencast.com/t/KbxovP3K and use only the class for phone in custom ad spot – http://screencast.com/t/vZ2NWOAnW
echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1'));
Result: http://screencast.com/t/WZQegnHsjd – http://screencast.com/t/ISasFZqAwVKh
Use this custom css in Theme Panel > Custom Css to remove ad’s margin bottom:
.td-header-sp-recs .td-a-rec-id-custom_ad_1 {
margin-bottom: 0 !important;
}
Thanks!
Hi,
1. Please try this custom css in Theme Panel > Custom Css to remove the border – http://screencast.com/t/3Q0qcODBbG4y
.td-header-style-8 .td-header-top-menu {
border-bottom: none;
}
Seems to be a z-index issue, please try this custom css until we fix this:
.td-header-style-8 .td-header-sp-logo {
z-index: 3;
}
.td-header-style-8 .td-header-top-menu-full {
z-index: 1;
}
2. The megamenu menu use javascript and depends by the server response time if you refer to the time loading articles when you hover the category.
3. You can change the color for breadcrumbs via custom css – http://screencast.com/t/2YHHgqBYtc37
.entry-crumbs, .entry-crumbs a {
color: red;
}
4. Big Grid 3 use these modules – http://screencast.com/t/XaI8ms73Gt so you can enable/disable category tag on those modules from Theme Panel > Block Settings > Category tag on modules/blocks – http://screencast.com/t/QLacmCc2edxu
5. The theme supports bbpress without any custom modifications and the can be accessed using siteurl/forums please check our demo – http://demo.tagdiv.com/newspaper/forums/ if you want to add content to your forum page, please create the forum page change the template to default and use shortcodes – http://screencast.com/t/l3qDftKrgH Here you can find the plugin’s documentation – https://codex.bbpress.org/
Thanks!
Hi,
You can edit the post style that you use and add your code – http://screencast.com/t/89FWt0iP
As referece if you want to use do_shortcode function you can check this topic – https://forum.tagdiv.com/topic/move-the-bottom-article-ad-spot-below-the-share-bar/
Thanks!
Hi,
Speed Booster is a plugin and it’s files are located in “../wordpress/wp-content/plugins/td-speed-booster” folder. – http://screencast.com/t/LphPjTsRSJlf
I guess you edited it’s main file and added a few lines to move the js and css for some specific plugins to the page bottom – http://screencast.com/t/tPv5YIT5zFes – You have to copy those lines inside the plugin latest version after you install it. Make sure you backup the current plugin before updating.
Thank you!
Hi
The style file it’s located in the head section of the site, and load firs all the time, then comes the custom css (your custom modification). You have the Speed Booster plugin activated and all custom css it’s moved to the bottom of the page and load after the main css from the theme so you can try to include your custom css in style.css file or not use Speed Booster.
Thanks!
Hi,
I’ve checked your page and the css and js was moved at the page bottom – http://screencast.com/t/X7w4kAL9
On our demo we use the default settings and only a few plugins. On your side the difference is that you changed the default settings, this adds extra css at the page end and google may consider that the resources are not actually called after the content was rendered. You also use one or more extra plugins, one of them adds a lot of inline css in the page top section – http://screencast.com/t/xgsqcewD
Try to make some tests with the theme default plugins and see if there’s any difference.
Thank you!
A few more edits to the menu and read more buttons
1. In Megamenu subcategory list
I’d like to show ALL articles under the parent category, but in the list along the bottom, I’d like to show only the first level of subcategories. Can you please tell me how to remove the second level subcategories. (there was a solution posted for Newspaper theme, but it doesnt seem to be the same structure)
2. Mega menu widget area
In some of the show case sites, there is a text area in the mega menu, rather than the featured images and horizontal list of subcategories. Can you tell me if this is a substantial customisation or is it within the mega menu settings?
3. Read more button as text
I’d like to have the Read more button be a simple text link. can you tell me how to remove the button style and have it appear a coloured text rather than a block button?
Great experience with the theme and support so far!
Thanks in advance,
C
Hi
We added a list with plugins with which we tested the Speed Booster plugin, it automatically disables itself if a new plugin is installed. This measure was added to prevent plugin conflict/failure for the average user.
This plugin was intended for advanced user, it requires modifications on the code to add new resources (js and css) which are moved to the bottom of the page and conflicts may appear because some plugins may cause issues when you try to move their resources at the page bottom.
If you want to always keep the speed booster activated just delete from td-speed-booster.php the indicated lines of code: http://screencast.com/t/qnHDcRUCHXv
Thanks!
Hi,
I see you have style added in the child theme that overwrites the main style: http://screencast.com/t/bTh11N2N and this also add a margin auto that overwrites the copywriter container and remove the margins making to look like that.
I suggest you remove the style from the child theme or use a custom css to overwrite it: http://screencast.com/t/07Fc3QKc
.td-sub-footer-copy {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
Thanks
Hi
Thanks @Chris for the answer in advance!
@varunrupal the speed booster plugin was designed to increase the website loading speed by moving the css and js files to the bottom of the page, as it’s explained here: https://forum.tagdiv.com/page-speed-guide/ Notice that some plugins may cause issues when you try to move their resources at the page bottom and to avoid conflicts we created a list with plugins that work fine with Speed Booster and if you add a plugin that is not on that list
the Speed Booster will disable automatically.
Thanks!
Hi,
For paragraphs spacing add the following css in Theme Panel -> Custom CSS – http://screencast.com/t/VkHNW8A2BM
.comment-content p {
margin-bottom: 10px;
}
@text under images – it’s the image caption, you could remove it from each photo or use custom css to hide it – http://screencast.com/t/EGTiutFemfCP
.wp-caption-text {
display: none;
}
Thank you!
-
This reply was modified 11 years by
Emil G.
Hi, I have 3 ads on each page.
I am using post template 11 on few pages, so if I show ad for page template 11, there will be 4 ads — it violates adsense policies.
Is it possible to remove a particular ad position for that post? or all posts using that template?
Like we could edit the template and remove the code for article bottom ad?
Or we could remove the code for article inline ad?
But only for template 11.
Thanks. 🙂
Here is my speed booster file
<?php
/*
Plugin Name: tagDiv Speed Booster
Plugin URI: http://tagdiv.com
Description: Speed booster for Newspaper 6 and Newsmag 1.x themes - It moves the styles and all the scripts of the theme to the bottom when needed. It activates internal theme optimizations for better speed and it adds async js .
Author: tagDiv
Version: 4.1
Author URI: http://tagdiv.com
*/
define('TD_SPEED_BOOSTER' , 'v4.1');
class td_speed_booster {
private $style_footer_queue = array(); // here we keep all the stylesheets IDs that we want to move to the footer
private $is_ie = false; // if the browser is detected as IE, treat it differently
// here we keep the theme information
private $td_theme_name = '';
private $td_theme_version = '';
private $td_deploy_mode = '';
private $allowed_plugins = array(
'bbpress/bbpress.php',
'contact-form-7/wp-contact-form-7.php',
'jetpack/jetpack.php',
'js_composer/js_composer.php',
'td-speed-booster/td-speed-booster.php',
'font-awesome-4-menus/n9m-font-awesome-4.php',
'wordpress-seo/wp-seo.php',
'wp-user-avatar/wp-user-avatar.php',
'td-social-counter/td-social-counter.php',
'wp-super-cache/wp-cache.php'
);
// this class is instantiated at the bottom of this page
function __construct() {
add_action('td_wp_booster_loaded', array($this, 'start_booster'));
}
/**
* everything starts from here
*/
function start_booster() {
// read the theme version and name if defined
if (defined('TD_THEME_VERSION') and defined('TD_THEME_NAME') and defined('TD_DEPLOY_MODE')) {
$this->td_theme_version = TD_THEME_VERSION;
$this->td_theme_name = TD_THEME_NAME;
$this->td_deploy_mode = TD_DEPLOY_MODE;
} else {
return;
}
// detect IE 8 9 10 11
if (
!empty($_SERVER['HTTP_USER_AGENT'])
and (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT']) or (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0') !== false))
) {
$this->is_ie = true;
}
// add hooks
add_action('wp_enqueue_scripts', array($this, 'css_mover'), 1002); // 1002 priority - because visual composer has 1000 and we use 1001 in the wp010 theme
add_action('wp_enqueue_scripts', array($this, 'js_mover'), 1002); // 1002 priority - because visual composer has 1000 and we use 1001 in the wp010 theme
add_action('wp_footer', array($this, 'render_footer_styles'), 15);
// hide the body only on IE and Newspaper 6+
if (
$this->is_ie === false
and $this->td_theme_name == 'Newsmag'
) {
//add_action('wp_head', array($this, 'hide_body_inline_css'), 15);
}
/**
* jetpack is 'special' - it has to be moved like this. It has now only one CSS
* the two hooks are needed!
* @since 27.05.2015
*/
add_action('wp_print_styles', array($this, 'jetpack_mover'), 10);
add_action('wp_print_footer_scripts', array($this, 'jetpack_mover'), 10);
}
/**
* jetpack is 'special' - it has to be moved like this. It has now only one CSS
* @since 27.05.2015
*/
function jetpack_mover() {
$this->move_style_to_footer_queue('jetpack_css');
}
/**
* here we move the css
*/
function css_mover() {
if ($this->td_theme_name == 'Newsmag') {
// wp 011 - Newspaper 6
//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('contact-form-7');
if ($this->is_ie === false) {
// move style.css theme style
//$this->move_style_to_footer_queue('js_composer_front');
//$this->move_style_to_footer_queue('td-theme'); //this is the main style of the theme. It's only moved on Newspaper 6!
}
}
//@todo test on newsmag
$this->move_style_to_footer_queue('woocommerce_frontend_styles'); //old woocommerce?
$this->move_style_to_footer_queue('woocommerce-layout');
$this->move_style_to_footer_queue('woocommerce-smallscreen');
$this->move_style_to_footer_queue('woocommerce-general');
$this->move_style_to_footer_queue('bp-legacy-css');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('font-awesome-four');
//move revolution slider css
$this->move_style_to_footer_queue('rs-plugin-settings');
$this->move_style_to_footer_queue('genericons'); //still rev slider
}
/**
* move the js
*/
function js_mover() {
global $wp_scripts;
//detect revmin - revolution slider and do not move jquery, the plugin outputs raw js in the page!
if( !is_admin() and !isset($wp_scripts->registered['revmin'])){
if (is_ssl()) {
$td_protocol = 'https';
} else {
$td_protocol = 'http';
}
wp_deregister_script('jquery');
wp_register_script('jquery', ($td_protocol . '://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'), true, '1.11.1', true);
wp_enqueue_script('jquery');
}
/**
* move javascript to footer
*/
$this->move_js_to_footer('themepunchtools');
$this->move_js_to_footer('td-site-min');
$this->move_js_to_footer('revmin');
$this->move_js_to_footer('archivesCW');
$this->move_js_to_footer('js_composer_front');
$this->move_style_to_footer_queue('archives-cal-classiclight');
//print_r($wp_scripts);
// replace comment-reply.min.js with inline version
}
/**
* here we render the footer styles
* the styles are already deregistered when you call @see move_style_to_footer_queue ($style_id)
*/
function render_footer_styles() {
//get the theme version for style
$current_theme_version = $this->td_theme_version;
//on demo mode, auto generate version hourly + day - so we get a fresh css hourly
if ($this->td_deploy_mode == 'demo') {
$current_theme_version = date('jG');
}
if (isset($this->style_footer_queue['td-theme'])) {
// whatever the order, make damn sure that our td-theme style is LAST - we remove it from the queue and add it again at the end
$td_theme_value = $this->style_footer_queue['td-theme'];
unset($this->style_footer_queue['td-theme']);
$this->style_footer_queue['td-theme'] = $td_theme_value;
}
// output the new styles
foreach ($this->style_footer_queue as $style_id => $style_src) {
echo "<link rel='stylesheet' id='" . $style_id . "-css' href='" . $style_src . "?ver=" . $current_theme_version . "' type='text/css' media='all' />\n";
}
}
/**
* prevent flickering of the image until the style is loaded
*/
function hide_body_inline_css() {
echo '<style>body {visibility:hidden;}</style>';
}
/**
* the id of the style can be found in the source of the page, for example:
* <link rel='stylesheet' id='td-theme-css' => the id is 'td-theme' (note that the '-css' part is missing)
* using this method you can move other styles if needed
* Moves a style to the bottom of the page
* @param $style_id string - the id of the style
*/
function move_style_to_footer_queue($style_id) {
global $wp_styles;
if (!empty($wp_styles->registered[$style_id]) and !empty($wp_styles->registered[$style_id]->src)) {
$this->style_footer_queue[$style_id] = $wp_styles->registered[$style_id]->src;
wp_deregister_style($style_id);
}
}
/**
* @param $js_id string - the js file id (this is a bit more complex to get) @todo -> add a tutorial about how to get the theme js
*/
function move_js_to_footer($js_id) {
global $wp_scripts;
if (isset($wp_scripts->registered[$js_id])) {
wp_enqueue_script($js_id, ($wp_scripts->registered[$js_id]->src), '', $wp_scripts->registered[$js_id]->ver, true);
}
}
}
new td_speed_booster();
and here is registered scripts
registered scripts
archivesCW | http://www.domain.com/second/wp-content/plugins/archives-calendar-widget/jquery.archivesCW.min.js
aspexi-facebook-like-box | http://www.domain.com/second/wp-content/plugins/aspexi-facebook-like-box/js/aflb.js
jquery | http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
td-site-min | http://www.domain.com/second/wp-content/themes/Newsmag/js/tagdiv_theme.min.js
comment-reply | /wp-includes/js/comment-reply.min.js
registered styles
archives-cal-classiclight | http://www.domain.com/second/wp-content/plugins/archives-calendar-widget/themes/classiclight.css
awesome-weather | http://www.domain.com/second/wp-content/plugins/awesome-weather/awesome-weather.css
opensans-googlefont | https://fonts.googleapis.com/css?family=Open+Sans:400,300
google_font_roboto_cond | http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700
google-fonts-style | http://fonts.googleapis.com/css?family=Open+Sans:400,700
js_composer_front | http://www.domain.com/second/wp-content/plugins/js_composer/assets/css/js_composer.css
td-theme | http://www.domain.com/second/wp-content/themes/Newsmag/style.css
td-theme-child | http://www.domain.com/second/wp-content/themes/Newsmag-child/style.css
a) turn it on
b) read the docs (right side of page); if you need to further optimize.
For most folks just turning it on will do all you need.
May not work with certain things which also rewrite pages (e.g., move things from top to bottom of page)
Hi,
You can use the tagDiv Speed Booster plugin to move the css and js at the bottom of the page, but please note that it is tested only with these plugins – http://screencast.com/t/hcjLnOqh4i2 and if you use other plugins it will be automatically disabled. A lot of people install the plugin without knowing what it does and after that they add many plugins and some of the them are not written fine so the developer took this decision. Please check documentation if you want to use it – https://forum.tagdiv.com/how-to-make-the-site-faster/
Also for cache we recommend WP Super Cache and we suggest to be used by default(default settings).
Thanks!
Hi
1. You can use header style 10 and remove the margins around the logo with custom css:
.td-header-style-10 .td-header-text-logo{
margin:0;
}
The result should be like here: http://screencast.com/t/KwPqcFjUGGvl
2. The size of social icons from top menu and footer can be changed using custom css: http://screencast.com/t/Qjtloicy3L
.td-social-icon-wrap i{
font-size: 18px;
width: 30px;
height: 30px
}
You can modify this values as you like.
3. To add the line between post
-in block 12 use this custom css: http://screencast.com/t/RgwLycBvzygI
.td-block-span12{
border-bottom: 1px solid black;
margin-bottom: 35px;
}
-in module 8: http://screencast.com/t/h5AM7N0Qp
.td_module_8 .item-details{
border-bottom: 1px solid black;
}
-in module 11: http://screencast.com/t/6UTSJvxMQAeT
.td_module_11{
border-bottom: 1px solid black;
margin-bottom: 35px;
}
4. We didn’t tested any plugin for that request so I can’t recommend one, this is the theme’s mega menu https://forum.tagdiv.com/menus-newsmag/ which you can use, but if you need another appearance for it you can look for a plugin.
5 For the big grid title you can use this css: http://screencast.com/t/ltBUOngPS8at
.td-big-grid-post .entry-title a{
background-color: red;
display: inline-block;
opacity: 0.8;
}
You can change the color and opacity as you like.
Thanks!
Hi,
When viewing my site I have sections called ‘Latest Articles’ at the bottom of the site etc which are not visible in Visual Composer so I cannot review. Where can I locate these blocks to remove?

Thanks
Graham
Hi,
This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into css stylesheet file, which will make your colors to load first and stay that way. You could also deactivate the plugin if you don’t need it and see if you still have this issue.
Thanks!