- NewspaperHeader Builder
- NewspaperHeader ads
- NewspaperHeader styles
- NewspaperSearch setup for custom post type
- NewspapertagDiv Composer – Website Manager
- NewspaperBookmark – Save For Later
- NewspaperWooCommerce: Happy “Add to Favorites!”
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperPosts Loop Element
- NewspaperHow to Add a Logo in Newspaper
- NewspaperDefault Category Settings
- NewspaperWhen tagDiv Composer is Not Working
- NewspapertagDiv Cloud Library Plugin
- NewspapertagDiv Composer Tutorial
- NewspaperUsing the Theme Translations with WPML
- NewspaperInstagram in Newspaper WordPress Theme
- NewspaperWeather Shortcode
- NewspaperThe Mobile Theme
- NewspaperLogin – How to Enable User Registration
i am using newmag header style 1. how can make the logo align on top of the menu under it so that there is no space between the logo and menu?
Hi Andrei,
Thank you for taking the time to look over this. The first set of code adds the social links to the bottom of the mobile menu, but removes the social links at the top of the website on desktop. I’m trying to keep the social links on desktop on the website, but just add them to the bottom of the menu section on mobile.
locate_template(‘parts/header/top-widget.php’, true); —– This removes social media links on desktop.
Basically. This is exactly what I’m trying to achieve, except not warped/stretched as I have had to expand the image over photoshop. Is this possible?
Conventional SEO wisdom is that you don’t want to push down content you want to rank for with left sidebars, excessive CSS code, Java Script, etc. A good test would be to choose an article you have that ranks well in google, give that article its own long, custom left sidebar, and see if this affects your organic results. I haven’t tested this because I don’t find left sidebars appealing enough to be worth the risk.
Site structure does affect SEO. If you don’t want Google to try to rank content in your navigational menus, sidebars, ad boxes, author box, comments section, footer, etc., you need to tell Google where these things are using proper HTML5 structure. When and where the theme uses header tags is also extremely important.
If a site has Yoast SEO properly configured, has SEO optimized articles, and ranks for competitive keywords, that site’s organic results will still be negatively impacted if it switches from an SEO optimized theme to a non SEO optimized them. (The exception to this is cases where a site has a strong backlink profile. Strong off-page SEO and overcome poor on-page SEO)
@Bogdan B.,
Newspaper is the most functional AND visually appealing theme I’ve ever tested. Most themes are one or the other. Newspaper is both. Unfortunately, until the SEO issues are resolved, I can’t use this theme.
The last time I checked Newspaper’s HTML5 implementation, it didn’t appear to be 100%. In the thread below I suggested some HTML5 changes:
https://forum.tagdiv.com/topic/feature-requests-and-suggested-improvements/
Here’s another thread questioning Newspaper’s HTML5 implementation:
https://forum.tagdiv.com/topic/newspapers-html5-outline-does-not-seem-right/
If these HML5 issues still exist, it’s going to be harder to rank pages with this theme compared to ranking the same content in another theme that implements HTML5 correctly. With the same content and same optimized on-page SEO, Newspaper caused my organic results to drop.
This stuff isn’t hard to fix. You just need someone with proven experience with SEO, ranking pages, and theme development to review Newspaper.
I’m not posting this to give you grief. I genuinely would like to see the SEO improvements done so that I can use this theme again.
Of note, most of the top selling themes on Theme Forest have HTML5, header tag, and/or alt tag issues when I checked last year. One of the top themes was <H1> multiple times on a post and was using <H2> in the sidebar! lol
Hey guys,
Dunno how long this has been an issue as I’ve been working on other projects but I noticed today my header ads had disappeared from my sites.
I’m not using ad-sense just a clickable image but the ads were there before and now they aren’t, at first I though it was because I had moved servers but I have bought 4 instances of the theme and only 2 have been moved to new servers but all 4 are now not showing header ads.
It’s not a huge problem cos none of the sites are generating ad revenue anyway but does make the header look a bit bare and I’d like to get to the bottom of it.
I’ve tried to disable all plugins apart from VC and Social counter but the problem remains.
I’m using the ad code from the documentation but when I save it and refresh the page it removes my logo from the left side of the header and there’s no image. I’ve tried a few adjustments to the code and that breaks the main navigation (im using header style 3)
Let me know if you’ve come across this before, I’m assuming it’s been like this since the last update as nothing else has changes and all 4 sites are displaying the same behaviour. I’ve cleared all caches etc but the problem remains.
Many thanks
Dean
I am trying to install visual composer for the latest newspaper theme.
I am getting
The plugin does not have a valid header.
Downloading install package from http://caledonianmercury.com/wp-content/themes/Newspaper/includes/plugins/js_composer.zip…
Download failed. Service Temporarily Unavailable
Anyone had the same issue?
Hi,
1) It will not be difficult to replicate the design of that particular site as it’s very similar to our themes.
You can pick a similar header style from the theme panel. Here is a list of headers you can use:
https://forum.tagdiv.com/newsmag-header-styles/
Then you can change the menu color to red: http://screencast.com/t/SsHD68vpVc
The content layout can easily be replicated with our content blocks you can use in visual composer. Here is a tutorial on how to use it: https://forum.tagdiv.com/newsmag-how-to-use-visual-composer/
The sidebars can also be replicated in visual composer.
Unfortunately the left widget cannot be done as our theme has no such option, but you can maybe find a plugin for it.
2)The best way to learn how to set up the bbpress forums is by reading their official guide here: https://codex.bbpress.org/step-by-step-guide-to-setting-up-a-bbpress-forum/
3)For seo optimization we recommend the seo yoast plugin. They also have a comprehensive guide on how to set it up: https://yoast.com/wordpress-seo/
https://yoast.com/adding-a-description-to-your-categories/
Hope this helps.
Thank you!
Hi, I have deactivated all plugins except visual composer but the header style 9 still doesn’t render properly on mobile. Please check http://staging.completewellbeing.com
I have a retina display and it’s not the case. The logo in the header has 272x90px natural size, but is served at 500x165px (therefore appears blurry) on a normal desktop screen.
The site can only be seen if you have a user account. Please provide me with an e-mail in order to create the user.
When I use header style 1 [default], it displays properly on mobile but when I choose style 9, the logo appears very large on mobile and the menu appears on the next line. It doesn’t look right. I think it should look the same as it looks with style 1. Could you help?
Hi
6,7. Please provide your site url so I can inspect this closer and get back to you with a more accurate answer.
9. You can use one of theme’s ad-spots to display the ad on top of the page. First insert the html ad’s code in one of custom ad-spots from theme panel > ads then use do_shortcode() function to display a banner ad on top of the page. Just edit the file corresponding with the header style used and add this code like here: http://screencast.com/t/itasx4W4T – http://screencast.com/t/FSgnXBREg3
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]'); ?>
I’ve used custom ad 1 for this example but you can use any custom ad, just adapt the shortcode. For example if you use custom ad 5 the shortcode will be: td_block_ad_box spot_id=”custom_ad_5″
To insert the banner ad below big grid you can use the ad-box block from visual composer like here: http://screencast.com/t/trJzEe9Ufr – http://screencast.com/t/veASTnq2d
Thanks!
Hi
Use this css in theme panel > custom code > custom css to display the banner on mobile: http://screencast.com/t/bXyhzHFIS
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
.td-header-top-menu .td-a-rec-id-custom_ad_2{
margin-bottom: 0px !important;
margin-top: 0px;
}
}
Thanks!
Hello svsanchez,
If you want to add to your header logo an image you have to use a bit of CSS to implement this. To achieve as you want, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-sp-logo {
background-image: url('http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg');
background-repeat: no-repeat;
background-size: 1903px 130px;;
}
The result you should see here -> http://screencast.com/t/3oREeh8QcbR
For more information about background-image property in CSS, please check this link here -> http://www.w3schools.com/cssref/pr_background-image.asp
Thank you for the message!
Hi
You can achieve that by adding this line of code in menu-mobile.php file like here: http://screencast.com/t/bTeetwkylsu
locate_template('parts/header/top-widget.php', true);
Also you need this css in theme panel > custom code > custom css: http://screencast.com/t/y0OCloZqw
.td-mobile-content .td-header-sp-top-widget{
float: left!important;
background-color: red;
}
Thanks!
hi guys, first sorry for my bad english.
i edit my menu liner. from the top to bottom. but when i refresh this page, i see 1 second top and after bottom. i just want everytime bottom how can i fix ? like this

my custom css code
.td-header-border:after {
content: "";
background-color: #b80451;
display: block;
height: 4px;
}
.td-header-border:before {
display: none;
}
.td-header-menu-wrap {
height: 57px !important;
}
.td-header-main-menu {
height: 57px;
}
.sf-menu > .td-menu-item > a {
line-height:57px;
height: 57px;
}
.td-main-menu-logo {
height: 57px !important;
}
.td-header-border:after {
height: 5.4px !important;
}
Hello TagDiv, I need to change the header color and put instead a background image. This is NOT a background for the whole site, only for the header section instead of using a solid color.
I want to go from this: http://www.screencast.com/users/svsanchez/folders/Default/media/d4c25a10-ea33-46b4-a1f1-9af2f5d9b9b5
To this: http://www.screencast.com/users/svsanchez/folders/Default/media/3c145220-2a88-4d6e-bf87-5ddb866ac600
How do I do this?
Hi,
when wanting to delete a message in concept status I get this error:
Warning: Cannot modify header information – headers already sent by (output started at /customers/6/5/1/welovemisses.be/httpd.www/wp-content/themes/Newspaper/includes/td_css_generator.php:1) in /customers/6/5/1/welovemisses.be/httpd.www/wp-includes/pluggable.php on line 1228
Hence I cannot delete it.
Also uploading an image in a new message does not work
Hello
I tried to add child theme for Newspaper but it doesn’t properly load the parents css and js
Even tried with this plugin Child Theme Wizard, but still the same
Instead of the side bar i get 2 blue headers with
Slider HTML
Jquery-Slider script
The example child theme does the same
functions.php
<?php /*
This file is part of a child theme called Newspapper Child.
Functions in this file will be loaded before the parent theme’s functions.
For more information, please read https://codex.wordpress.org/Child_Themes.*/
// this code loads the parent’s stylesheet (leave it in place unless you know what you’re doing)
function theme_enqueue_styles() {
wp_enqueue_style(‘parent-style’, get_template_directory_uri() . ‘/style.css’);
wp_enqueue_style(‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array($parent_style));
}
add_action(‘wp_enqueue_scripts’, ‘theme_enqueue_styles’);/* Add your own functions below this line.
======================================== */
and style.css
/*
Theme Name: Newspapper Child
Theme URI:
Description: A child theme of Newspapper 6
Author: admin
Author URI: http://vrn-dev.local
Template: Newspaper
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html/* == Add your own styles below this line ==
——————————————–*/
unable to add more than 1 menu in Top Header Menu, Header Menu (main), & Footer Menu
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/n74dYoc6
.td-header-top-menu{
background: none;
}
Thanks!
Hi
That happens because of search container display. You can correct that by replacing the previous css with this one:
@media(min-width: 768px){
#td-top-search {
margin-top: 0px!important;
position: initial;
display: inline-block}
}
Please note that this header style wan’t designed to have a full width background and by affecting it’s layout may appear some issues with menus functionality.
Thanks!
Hello DonLuigi,
I have checked your website URL and I saw the color switching in your header and also, I saw that you have speed booster to the active mode that moves the js and stylesheet file in the footer, process that could cause this flash. Please notice that the CSS working in cascade and the first time take the code from style.css that is black and then take the color that you have changed from Theme panel that is green and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired value of color, like this -> http://screencast.com/t/Sx4ULlT0mzB
Hope this helps!
Thank you for the message!
Found it, I putted the code bellow in header.php to activate the Facebook Page Plugin. Is that anyway to do this without this error?
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.5&appId=1661209074153492”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
Dear Tagdiv-Team,
I’m really happy with what my website & header looks like right now, thanks to your great theme. However, when I reload the page or click on another article, the header always flashes in black before turning green. Is there a way to stop that from happening? I’m using the ‘full dark menu with Logo’ setting.
Thanks a lot in advance!
Hi Adnan,
If you want to remove the page title, you can either chose a different page template from here: http://screencast.com/t/XjoHMLM1jV
If you do not want to change the template, you can simply rename your page to something other than home, or you can hide the title with css like so:
.td-page-header .entry-title{
display:none!important;
}
This will leave breadcrumbs intact. If you want to remove them also you need to add this part:
.page .td-crumb-container{
display:none!important;
}
Hope this helps.
Thank you!