- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewsmagtagDiv Composer Tutorial
- NewsmagWeather Widget
- NewsmagExchange widget
- NewsmagInstagram widget
- NewsmagHow to use the Visual Composer plugin
- NewsmagIntroduction
- NewsmagFooter templates
- NewsmagCustom ad spots
- NewsmagLoading image effects
- NewsmagSmart sidebar
- NewsmagFeatured images
- NewsmagGeneral settings
- Newsmag7 days post sorting
- NewsmagTheme thumbs
- NewsmagExcerpts introduction
- NewsmagTheme colors introduction
- NewsmagtagDiv slider gallery
- NewsmagVideo playlist
@Christopher great tip for those who love running those ads on there site…
One note is that while using AdSense for testing PageSpeed Insights lowers your score, that is the tested score, not the actual score for ranking signals, which discounts the advertising from their own network in calculating the speed for their purposes.
Put another way, Google doesn’t really lower your ranking based on speed for loading their own content on your site, as related to their ad system(s).
So, test with AdSense OFF, but you can then switch ads on, but choose text ads vs image ads (in your AdSense account), to derive minimal revenue from your site effort (neccessary for most bloggers and newspaper/magazine sites). Additionally, using only two ads vs 3, does help with overall user experience.
Had no idea about that issue. Come to think of it, lost my primary hard drive last week and had to install win7 64bit on my secondary and then again on the new HDD that arrived Sunday. Updates ran and IE is at 11 (Windows copy is from 2 years ago) and had no issues. I’ve yet to so much as select recommended settings for POS11, but that’s covered already.
I wouldn’t even hesitate to stop calling it “mobile first” since that’s not what it is anymore. That concept started with smartphones and has grown to include all sorts of tablets that act as much like a computer as anything but a computer can. Resolution is the issue, of course.
I’ve been blocking IE6 browsers from loading my sports site since 2008 lol The cast of Hackers called, they want their browser back.
One way to “guess” the version is to look at the td-bootstrap.css file and look for any of the styles unique to BS3 such as for tables, the semantic changes to button classes, etc.
Yeah but who wants to think that hard on it? lol
I have yet to find anyone, outside of office and corporate networks, still running <= IE9, even with XP, which is fine because FF and Chrome work on those systems. Let’s call this the giant label on my forehead that says I hate IE and do not support it for my users. Some of the best technological minds in the world at Microsoft, and they’re still spending too much time trying to increase market share instead of making the most of a market that refuses to cave.
Come to think of it, I’ve already come across 3 premium plugins on Envato that I bought for use with Newspaper, and bootstrap was the source of the conflict. Wasted $68 already so trying not to make that $90.
I know Newspaper uses some of BS3 based on the viewport meta tag use, but that isn’t everything. I need to know what version Newspaper customized to really answer this one, I think. The plugin author has some questions on it as well, basing it off of the 2.3.1 version of BS, so we’ll see how much it matters from his point of view too.
Always a pleasure, Chris.
Here is somemore tips on what can give you a very bad google pagespeed score…
1. Ads (Google,amazon, etc) Ads really put a slowness on ur site that’s why i don’t use any ads on my site what so ever.
2. Sliders make ur site look very nice but they make ur site slow as well and i don’t use any sliders on my site.
3. Social sharing Bottons is something every one want on there site to get more traffic,but there is a lot of social sharing plugins that make ur site very slow because they don’t render correctly also they not coded good,if you want too use social sharing bottons on ur site my advice is to use the build in theme sharing bottons are find a good coded social sharing bottons like what i done that you will not even notice there even on ur site when it’s loading.
Recommendation from me for social sharing plugins as follow…
4. Ultimate Social Deux plugin i’m using on my site it’s coded correctly and very lightweight and look very nice on ur site with out slowing ur site down, in this case you will have no issues what so ever on ur pagespeed.
This plugin is not FREE you can buy it from this URL http://codecanyon.net/item/ultimate-social-deux/6556073
5. A lot of unnecessary plugins can also put a lot of stress on ur site speed and server and make problems with ur theme etc,try to find a plugin that have many things in one,in this way you cut down the total of ur plugins also the load on ur server.
6. A good hosting company is the main factor of a good google pagespeed as well,some people will go for very cheap hosting to save money but they don’t get what they pay for,some cheap hosting don’t care about ur speed etc so before you pay for any hosting make sure you know what they giving you and if there good are not.
My site is hosted with the same company that i’ve host my radio server and domain with and they give you more then your money can buy..they called “Listen2myradio.com” i was with them for a few yrs now and i never had problems what so ever with them and my site and radio always up 99.9%..
My hosting company give they users the max on every thing with they hosting packages which will make ur WP site run smooth with no issues with speed..
PHP Memory Limit: 256M
MySQL Version: 5.5.37
PHP Version: 5.5.14
PHP Max Upload Size: 2000M
PHP Max Post Size: 8M
More tips coming soon..
Hi,
The blocks width the categories (highlighted in the print) in my website are in front of the article titles only in the tablet view.
There’s any way I can fix this?

Yes, just checked your file and the problem is in the context — you forgot to wrap the new code in a <?php> tag. Hence it’s being treated as HTML. Your whole file should look like this:
<?php
/**
* The single post loop for post template 1
**/
if (have_posts()) {
the_post();
$td_mod_single = new td_module_1($post);
//show the breadcrumb
if (get_post_type($post) == 'post') {
echo td_page_generator::get_single_breadcrumbs($td_mod_single->title);
} else {
echo td_page_generator::get_page_breadcrumbs($td_mod_single->title);
}
?>
<article id="post-<?php echo $td_mod_single->post->ID;?>" class="<?php echo join(' ', get_post_class());?>" <?php echo $td_mod_single->get_item_scope();?>>
<header>
<?php echo $td_mod_single->get_title();?>
<div class="meta-info">
<?php echo $td_mod_single->get_category();?>
<?php //echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false);?>
<?php echo $td_mod_single->get_commentsAndViews();?>
</div>
</header>
<?php if (!empty($td_mod_single->td_post_theme_settings['td_subtitle'])) { ?>
<p class="td-sub-title"><?php echo $td_mod_single->td_post_theme_settings['td_subtitle'];?></p>
<?php } ?>
<?php
// override the default featured image by the templates (single.php and home.php/index.php - blog loop)
if (!empty(td_global::$load_featured_img_from_template)) {
echo $td_mod_single->get_image(td_global::$load_featured_img_from_template);
} else {
echo $td_mod_single->get_image('art-big-1col');
}
?>
<div class="td-post-text-content">
<?php echo $td_mod_single->get_content();?>
<?php
// Set up your row, column, and tabs element
$to_echo = '[vc_row][vc_column width="1/1"][vc_tabs]';
// Simplest possible example of getting ACF data, sub in yours
$data_1 = get_field('2g_network');
$data_2 = get_field('3g_network');
// Repeat these lines for each tab, making sure each tab has a unique id
$to_echo .= '[vc_tab title="The first tab" tab_id="tab_1"]';
$to_echo .= $data_1;
$to_echo .= '[/vc_tab]';
$to_echo .= '[vc_tab title="The second tab" tab_id="tab_2"]';
$to_echo .= $data_2;
$to_echo .= '[/vc_tab]';
// (You could wrap each block in an if to skip a tab if the data is empty)
// When you have all your tabs, close the elements
$to_echo .= '[/vc_tabs][/vc_column][/vc_row]';
// We have to filter the whole string to make WP interpret the shortcodes
$to_echo = wpb_js_remove_wpautop($to_echo);
// Do whatever
echo $to_echo;
?>
</div>
<div class="clearfix"></div>
<footer>
<?php echo $td_mod_single->get_post_pagination();?>
<?php echo $td_mod_single->get_review();?>
<?php echo $td_mod_single->get_source_and_via();?>
<?php echo $td_mod_single->get_social_sharing();?>
<?php echo $td_mod_single->get_social_like_tweet();?>
<?php echo $td_mod_single->get_next_prev_posts();?>
<?php echo $td_mod_single->get_author_box();?>
<?php echo $td_mod_single->get_item_scope_meta();?>
</footer>
</article> <!-- /.post -->
<?php echo $td_mod_single->related_posts();?>
<?php
} else {
//no posts
echo td_page_generator::no_posts();
}?>
P.S. Rather than use mb_strtoupper, why not style text-transform on the block titles so it’s easier to just change via CSS? (This is half a suggestion and half me actually asking because I don’t know which way is better.)
Hi,
Is possible reduce the space bettwen articles in this “Newsletter” sidebar block?
Hi,
You can change it from theme panel > template settings: http://screencast.com/t/bZDccHwc
Regarding the title, you can try to look at how WordPress SEO works. You can edit the title by clicking SEO > Titles & Metas > Post Types. Scroll down and look for “block” Custom Post Type Archives. On the “Products”, you can edit the behavior of this title.
Please let me know if you manage to do this.
Thanks
@Ecofame there is a lot of bad in removing every single white space from ur site,it’s bad for “User Experience” on tablets & phones,it’s hard on the user to tap on things if they very close together and that’s one of the things google pagespeed always warns people about don’t make things too close to each other because it’s not good for “User Experience” from mobile devices…
It’s good to remove some white space like what i done too my site,but ur asking to remove it all from the front page then when someone visit ur site from a phone and say they have big fingers it will be a nightmare for them to even browse ur site from there phone..just one of my tips i’m passing on too you…
Hi,
Please use this custom css in theme panel > custom css:
.home .span4 .td_block7 .td_mod2 {
margin-bottom: 0px;
}
Set a larger value for margin if you want some space there.
Should work like this: http://screencast.com/t/8Ay8xJoj8
Thanks
The most important plugins you need to even get this close to getting those scores..as follow
1.tagDiv speed booster
2.Speedbooster Pack Plugin (Don’t use the feature Disable all above CSS options on mobile devices) all the other features can be use but it all depends on ur site.
3.WP Super Cache Plugin this work better with the theme and don’t cause any issues with the theme code.
4. Optimize Database Plugin http://wordpress.org/plugins/rvg-optimize-database/
5.EWWW Image Optimizer Plugin
6.CloudFlare Go to “performance settings tab” and make sure you choose every thing in there…
A.CDN & Full optimizations
B.Simplified
C.Rocket LoaderThis play a very big important role in ur google pagespeed test as well make sure it’ turn on..
D.Auto Minify (JS,CSS,HTML)
E.Minimum expire TTL Make sure it’s set to 5 days not more are less..
A very important tip,early in my post i recommend to use a “Leverage browser caching plugin” well i was using that for a while but it was not working the way i thought it should, i’ve deleted the plugin and add the “Leverage browser caching code” to my .htaccess file make sure this code is at the very top of ur “.htaccess” file…this code works great and do the job better then a plugin also save you from another to install..
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 2 days”
</IfModule>
## EXPIRES CACHING ##
Because my post is about removing the “render-blocking CSS and JS files”from google pagespeed test…
I’ll like too show you my results that you can see all my tips in this post work and if you take them and use them in the right way, I sure think you will get the 95% score like me as well…here is some more screen shots of my results to let you know what will give you that 95% score for mobile and desktop..


Please don’t output any text in uppercase format.
For example, the category of the block, I would like to make it capitalized, but the text comes from the output already in uppercase format. I can’t make it capitalized with CSS.
Hello!
I solved the error! It was CSS error in style.css file of new version of theme.
On the line 2988:
.td-post-text-content img, .mce-content-body img {
display: block;
}
I commented the line:
display: block;
Now it all looks OK!
Hi,
@Camy
Usually the .td_revolution_slider {z-index: 0;} css fixes this, please send me your site’s link so I can inspect this and can provide you a solution for this.
Thanks
Hi,
Right now I can see that the blog page it’s set as your homepage, you can change this from WordPress Dashboard > Settings > Reading and chose a page you designed as your homepage: http://screencast.com/t/vdcOwLKH6s
You can create the same layout and design for your homepage like this:
1. First add a new page, add a name for it(which you will set in the Reading settings as a homepage), after this set the template, then switch to “Classic mode” like this: http://screencast.com/t/rBoKKS5a0F
2. Secondly change the to “text” view and add the code from below, like this: http://screencast.com/t/TnCeQsNyXfn
The code for the homepage:
[vc_row el_position="first last"][vc_column][td_slide_big limit="8" tag_slug="taggggggg"][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block2 limit="6" custom_title="DON'T MISS" ajax_pagination="next_prev" show_child_cat="all" category_id="19"][td_block1 limit="5" header_color="#f65261" custom_title="TECH AND GADGETS" ajax_pagination="next_prev"][td_ad_box spot_id="custom_ad_1"][td_block2 limit="6" custom_title="TRAVEL GUIDES" ajax_pagination="next_prev" header_color="#82b440" sub_cat_ajax="n"][/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-demo-1"][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block2 limit="6" custom_title="FASHION AND TRENDS" ajax_pagination="next_prev" header_color="#ff3e9f"][/vc_column][vc_column width="1/3"][td_block4 limit="1" custom_title="EDITOR PICKS" ajax_pagination="next_prev" header_color="#2b2b2b"][td_ad_box spot_id="sidebar"][vc_wp_tagcloud taxonomy="category"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][td_ad_box spot_id="custom_ad_1"][/vc_column][/vc_row]
3. After this switch back to “Backend Editor” and customize the blocks with your content by editing them from here: http://screencast.com/t/0TjfKvN8U18 Do the same for sliders, sidebars, widgets, you can do it as you like.
4. Finally go to WordPress Dashboard > Settings > Reading and set the “Front page displays” as a static page and select your newly created homepage instead of the blog page.
Please make sure you follow our documentation, we have added there guides on how to use the theme right.
Hope this helps!
Thanks
On my homepage. On the right side I add Block 7 and Block 5. There is a big white gap between them and I would like to reduce this distance. (check the photo I add here)
http://www.alexiptoto.com/wp-content/uploads/2014/09/Blue_flag_beach_20091-635×483.jpg
Can you tell me from where I can fix it???
Thank you very much
My hard work has pay off my google score is very nice…
Mobile score 94%

Desktop Score 95%

I don’t really know how to fix the left problem; I would probably just drop the CSS for the horizontal whitespace since it’s likely to break the grid. Or at least limit it by screen size:
@media (min-width: 1019px) {
.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
}
Space between menu and content, in four directions so you can adjust more easily:
.td-grid-wrap {
padding: 0px 0px 0px 0px;
}
Hi TheMediumUTM;
Thank you again.
Now it looks good and I like it. As you can see there is little problem that is margin from the left and the space between the header and block slide.
When I checked how the site apears on mobile the margin left problem seem clear.
This is what i did. I put all the css codes together, changed px values, copied all of them and pasted in theme panels costom css area.
.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
.block-title { margin-bottom: 10px; padding-bottom: 10px; }
.td_mod_wrap .meta-info {display: none !important;}
.td_block_wrap { margin-bottom: 0px; padding-bottom: 10px; }
.td_mod_wrap { margin-bottom: 10px; }
.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9 { margin-bottom:
10px!important; }
.td_mod_wrap .thumb-wrap { margin-bottom: 10px; }
.wpb_row { margin-bottom: 10px; }
.td_mod3 { min-height: 65px; }
Regards
Ecofame
Hi,
You can change this via css, create your own custom css and add it in theme panel > custom css, like this: http://screencast.com/t/I2RVnQo90Kt
.td_block2 {
background-color: aqua;
}
.td_block4 {
background-color: red;
}
Result: http://screencast.com/t/NYcWkPbE
For the distance between blocks use the .td_block_wrap class to target the blocks and set margin and padding to 0 or as you like:
.td_block_wrap {
padding-bottom: 0px;
margin-bottom: 0px;
}
Please send me a link to your site if this dose not work.
Thanks
Thanks – TheMediumUTM – But that doesn’t seem to have done it either… Is there a setting somewhere I’ve missed ?? Surely the Menu & Slider should work ‘out of the box’?