- TutorialsDefault Block Settings Guide
Hi there,
we use your Newsmag 1.3 theme (we made a lot of changes, we must not upgrade 🙂 ), and we need just need to replace Big Grid with Slider in category pages. so the easiest way to do this?
page-category-header.php
Hi there,
we use your 1.3 theme (we made a lot of changes, we must not upgrade 🙂 ), and we need just need to replace Big Grid with Slider in category pages. so the easiest way to do this?
page-category-header.php
Hi
Theme’s css works fine on your site even if is re-size the browser window, you just need to refresh the page: http://screencast.com/t/tHj9TtUCe – http://screencast.com/t/BYvfe2wsdFm4 – http://screencast.com/t/5jLNuazkcjYy
I gave you that css to change the header container display in order to have the top part clickable. The css works fine and does not affect the ad’s display.
Keep in mind that all this customizations require lots of tests in order to work fine in all situations. We can’t offer custom work at the moment so if you need custom services and you’rte not aware of the steps you need to take in this regard my advice is a developer or a freelancer to do customize your site for you.
We can offer support for anything related with theme’s functionality, how its features works and if is necessary also we offer fixes for any bug related with the theme. Any other customizations fall beyond the support can offer you.
Thanks for your message and for your understanding!
Smart Lists will not respect changes made to the caption once it has been inserted into a post. Here are the steps to reproduce:
1) Create a new post.
2) Add a header tag.
3) Insert a media (Enter a caption).
4) Add some description text under the photo.
5) In the WordPress post, hover over the image and use the edit feature.
6) Change the caption.
7) Choose a smart list.
8) Publish.
The smart list will display the caption in step #3 instead of the updated caption in step #6 due to using the attachment metadata rather than the media shortcode that WordPress prioritizes in a post.
This is especially troublesome when translating into multiple languages. Currently, whenever a translation is made, all media has to be deleted and reuploaded ensuring the caption is entered before it is inserted into the post. Typically when you translated, you only have to edit the caption by using the method in step #5.
This is a pretty high priority for us as my client wants to use the smart list feature. Thoughts on how to proceed?
Welll…..
a) if you use the speed booster framework, you would put the code into the Speed Booster plugin settings per the docs for that and the example from Lucien; *and* likely any custom css into your style.css and not in theme panel; and ideally NOT use child theme, to mimize any flash of unstyled text
b) if you’re doing custom hacking of your site, you would put any functions for de/enqueue into the functions.php where all such WordPress “actions” go; then you’d manually put your style.css link in footer. The WordPress codex has good tutorial on how “enqueuing” (adding to queue) works in WP.
c) You would then use the critical CSS generator found in my thread, to put the above the fold CSS “inline” in the header.php file. This loads only the needed CSS for above the fold to load with page — no render blocking of CSS — and then the rest loads with remainder of page. — Trial and error on this stuff.
These efforts are toward solving the pesky lower score on Google PageSpeed Insights for mobile “above the fold render blocking…”
This is a bit “advanced” stuff most folks won’t tackle. But if you’ve got everything ELSE as optimized as possible, this is kind of the LAST thing to do.
And frankly, if you’re using the AMP system for mobile, for a lot of folks, this will be a non issue as Google products will be loading the AMP version vs the responsive mobile version anyway.
So, one could argue if you have a desktop score of 92 or higher, and you’re running “AMP” on your site for posts, you likely don’t need to stress as much as before on the mobile score on Google’s direct testing speed tool. 🙂
( rant over . . . ) 🙂
-
This reply was modified 10 years by
simchris.
What would be the best way to be able to add a leaderboard bottom, along with mobile leaderboard and mobile leaderboard bottom Ad spots in the theme?
I was using Header ad for the main homepage_top_leader_board.
Thanks in advance.
Hi Andrei,
now google DFP “responsive” banner works as you can see here http://wp-dev-ntr24-31ba64cdf656650e14f1f97f34ac243d.ntr24.tv/. Actually, is not a really “responsive” behaviour because it doesn’t adapt the banner size as soon as the browser width changes but, it fetches the right banner size on the page load on the base of the detected browser viewport width. So that, on an Iphone 6 for instance, it loads correctly the 320×50 rather than the 728×90 as would load on a PC screen. The problem of banner sqeeze was your custom CSS code
.td-header-container{ top: 95px; margin-top: 0; }
used to make cliccable the upper part of the skin.
So what could be a the trade-off solution that both make cliccable upper part of the skin and doesn’t cause the banner squeeze problem?
Thanks a lot for your kindness and support on this unexplorated field 🙂
Giuseppe
Hi
]
Theme’s ad system was intended to work with ad-sense code or banner ads, you can read more about this here: https://forum.tagdiv.com/newsmag-header-ads/ We didn’t tested DFP ads with the theme and I can’t grantee that these ads will work fine on different devices.
Also note that google won’t consider the fact that you’re re-sizing the browser, google deliver ads demanding by the actual devices used, not the browser’s width.
Thanks!
Hi
Replace all css with this one, now the border should be displayed fine:
@media(max-width: 768px){
.td-menu-mob-open-menu .td-mobile-nav-wrap{
width: 100%
}
.td-menu-mob-open-menu .td-content-wrap {
left: 100%;
}
.td-header-style-9 {
border-bottom: 3px solid #D60D0D;}
}
}
Thanks!
I found out in the newspaper theme panel that there are many option to display the ads. there are header ads, sidebar ads, and also custom_ad. But, when i want to use custom_ad with different resolution of advertisement, the newspaper theme still show the square ads, different with the ads resolution that i already input into the custom_ad option. Is there any setting that i miss to configure the advertisement resoultion?
Thank you….
Regards,
Hello talktotop,
Please notice that do not exist a special place where the title site will be displayed in your homepage. I suppose that you are referring to the logo and if you want to appear the title of your site you have to use this to do that. As I can see on your website, you do not have set it a logo and because of this, you have nothing appears to your header. Please check our demo preview and see how you have to look a homepage. Also, please check our video tutorial here -> https://www.youtube.com/watch?v=ss-BEobegAw because could be more useful for you.
->> https://forum.tagdiv.com/header-styles/ ->> https://forum.tagdiv.com/logo-favicon/
Hope this helps!
If is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.
Thanks.
Thank you for your response.
But if I add a border-bottom for the header
.td-header-style-9 {
border-bottom: 3px solid #D60D0D;}
On the mobile site, this border will lose about 20% width from the leftside (it only appear 80% width from the right side). The desktop version still appears 100% width.
Do you have any other solution?
-
This reply was modified 10 years by
trigrafik.
Hi there,
I have a problem with Google DFP responsive banners integration in the Newsmag theme.
Here there is a test page where my responsive banners work fine (please see http://wp-dev-ntr24-31ba64cdf656650e14f1f97f34ac243d.ntr24.tv/responsive-ntr24-2.html). On this page, if you try to reduce the browser width and also refresh the page, you will see a smaller banner depending on the browser available width. Three banner dimensions are available: 728×90 for PC screen, 468×60 for tablet and 320×50 for smartphone viewport width.
Therefore, I’m trying to implement this behaviour on the theme header leaderboard banner (please see the header ad banner on wp-dev-ntr24-31ba64cdf656650e14f1f97f34ac243d.ntr24.tv).
I’ve added to the Newsmag header.php with the header part of the Google DFP tag:
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
// Define a size mapping object. The first parameter to addSize is
// a viewport size, while the second is a list of allowed ad sizes.
var mappingLeaderboard = googletag.sizeMapping().
addSize([1024, 600 ], [728, 90]).
addSize([500, 500 ], [468, 60]).
addSize([1, 1 ], [320, 50]).
build();
// Define the GPT slot
googletag.defineSlot('/6815270/WP_responsive_ads', [[320, 50], [468, 60], [728, 90]], 'div-gpt-ad-1458658040243-0').defineSizeMapping(mappingLeaderboard)
.addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
and I’ve also set-up the body part of Google DFP tag in Theme panel->ADS->Header ad (please see http://screencast.com/t/oxiFsOa6D).
Hereafter the code I’ve added:
<!-- /6815270/WP_responsive_ads -->
<div id='div-gpt-ad-1458658040243-0'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1458658040243-0'); });
</script>
</div>
But when I reduce the browser width I do view this http://screencast.com/t/S0pOFSUPN, and if I reduce more I do wiew this http://screencast.com/t/pczqJeij i.e. the banners aren’t correctly rendered.
How can I obtain the right banner visualization in Newsmag theme? What could be wrong in my settings?
Thanks in advance for any appreciated help.
Giuseppe
Hi,
I use a travel theme.
I can’t identify what is this ad space (Newspaper AD below menu, over TOPIC)? Is this a header ad or what ? I change every single ad space, but I don’t know how to subsitute that ad.

Example: http://stressplein.eu/concentratieproblemen/
Is that the way it should work? H1 seems to be important in SEO and I think I see the header in the small example thumbnail.
Hello Mayapur Voice,
Unfortunately, our theme does not have such an option to offers you a possibility to set different background image for your each page. If you want to achieve this, you have to use a bit of CSS code and insert the different image for each page with page ID. Also, you have to use background-image attribute for achieving that. Below I gave you an example of one page.
The code is ->
.page-id-951 .td-main-content-wrap, .page-id-951 .td-banner-wrap-full, .page-id-951 .td-header-menu-wrap {
background-image: url('http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg');
background-repeat: no-repeat;
background-size: 1920px 1080px;;
}
Consult here http://screencast.com/t/xPK02pMJwb and see how you can get the page id.
Please notice that you need some additional customizations after this code that involves custom work. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thank you for the message!
Hi
There is no bug with theme’s ad’s system at the moment. Note that the options which enable/disable ads for a specific device works only for ad-sense code. In your case the code used for header ad is not an ad-sense code: http://screencast.com/t/nFZ0hmU8ja5u and the disable option does not work for it. For other ads the theme load the same code for all devices and use media queries to control their’s styles.
Please check carefully my previous reply, I’ve pointed there how theme works when google ad-sense code it’s used. The does not call the ad-spot if the ad it’s disabled for a specific device, but again this works only with ad-sense code. To have this working with other type of ads are required some customizations in theme’s ad system, so the theme to detect the new ad code and apply the same behavior for it as for ad-sense code.
Thanks!
Hello Fastbubble,
Please ensure that you have introduced the Adsense code in the correct field from Ads area from Theme panel->Ads section, like this -> http://screencast.com/t/QmTsBmvD18n and you should not to change the structure of the Adsense code. The theme will take this code and will display it with the correct size depending on context. (auto size setting). For more information about Ads, please consult our documentation here -> https://forum.tagdiv.com/header-ad/
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/zti5r7nxN4D
.td-header-style-5 .td-header-row{
width: 1021px;
margin-left: auto;
margin-right: auto;
}
Thanks!
Hi,
I have an event post type. In addition, I have custom fields. I would like to search these fields.
Normally, this would be ok but unsure how to do it on Newsmag. How do I amend the search facility for a specific post type so it filters what people choose? This is what I have so far but I would like to expand the current search facility
Functions.php
function template_chooser($template)
{
global $wp_query;
$post_type = get_query_var('post_type');
if( $wp_query->is_search && $post_type == 'event' )
{
return locate_template('event-search.php'); // redirect to archive-search.php
}
return $template;
}
add_filter('template_include', 'template_chooser');
add_filter( 'posts_where', 'wpse18703_posts_where', 10, 2 );
function wpse18703_posts_where( $where, &$wp_query )
{
global $wpdb;
if ( $wpse18703_title = $wp_query->get( 'wpse18703_title' ) ) {
$where .= ' AND ' . $wpdb->posts . '.post_title LIKE \'' . $wpdb->esc_like( $wpse18703_title ) . '%\'';
}
return $where;
}
Event-search.php
<?php
/* Template Name: Custom Search */
get_header(); ?>
<?php
// args
$args = array(
'numberposts' => -1,
'wpse18703_title' => 'reading festival',
'post_type' => 'event'
);
// query
$the_query = new WP_Query( $args );
//echo "Last SQL-Query: {$the_query->request}";
?>
<?php if( $the_query->have_posts() ): ?>
<ul>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<li>
<a>">
<?php the_title(); ?>
</a>
</li>
<?php endwhile; ?>
</ul>
<?php endif; ?>
<?php wp_reset_query(); // Restore global post data stomped by the_post(). ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
I look within loop.php but nothing there to help unfortunately. Basically – how do I add a filter to the search based on a URL parameter?
I have installed the theme. But There is an error in installing plugins. How do I install plugins? How do I solve the error?
The error shows:
Installing Plugin: Visual Composer
The plugin does not have a valid header.
Downloading install package from http://www.thepositiveindia.com/wp-content/themes/Newspaper/includes/plugins/js_composer.zip…
Unpacking the package…
Could not copy file. js_composer/include/templates/shortcodes/vc_column.php
i use header-style-5 and its long. i want to change it like header-style-4. i mean i want to change long to short its background. menu should be top and it should not full. how can i do it?
I’m trying to write a smart list, however after reading the newspaper6 documentation on how to do this it says that you need to set the headers but I seem to missing a the toolbar that has the formats, headings ect. on it. What am I doing wrong?
I just download the plugin for the icons, but before place the icon, I have to set up a home page on the header menu and I don’t know how. I want a home page section with all the most recents articles from all the different category.