- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
would like to know how to do this … < Eliminate render-blocking JavaScript and CSS in above-the-fold content >
no luck with google … i did found a nice article … but failed …
http://www.wpcub.com/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/
any idea ?
Hi there,
I have the same issue on the iPad. I have tried reducing the font but it makes it to small and also the first load is the normal size before popping into the smaller size.
Could you please provide the css for making the ipad break into the mobile slide out navigation version?
Also I am seeing the loading sprite all the time even when a page is fully loaded. Is there a way to not have this show on iPads? Smart phones works perfectly.
The site is: http://coconutoilpost.com
Many thanks
Peter
before i’m ask to you… that css i’m try before… and not working on sidebars.. just working on last articles like you look on my web Big Bike Motorcycles
may be.. if not believe… please you can put and capture screen shoot for me..
Thanks
Hi,
You have tried the CSS above? That CSS will make that border at 0px on entire site.
Anyone else having trouble with the visual composer after the update to WP 3.9.1 with the above mentioned htaccess settings? It seems to be a problem in the compression code:
RewriteBase /
RewriteCond %{HTTP:Accept-Encoding} .*gzip.*
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*)\.html$ $1\.html.gz [L]
RewriteRule (.*)\.htm$ $1\.htm.gz [L]
RewriteRule (.*)\.js$ $1\.js.gz [L]
RewriteRule (.*)\.css$ $1\.css.gz [L]
AddEncoding x-gzip .gz
ExpiresActive On
Header set Cache-Control “public”
ExpiresDefault A1209600
ExpiresByType text/javascript A300
ExpiresByType text/css A300
ExpiresByType image/gif A300
After I remove these lines it works perfectly again. But also brings my pagespeed score from 96 to 34 :/:/:/ wtf:(
Anyone a tip? Thanks in advance!
Hi,
Do you want to remove that line? I see that is added by somebody directly with style, default that code not was there.
If you want to remove it, try with this CSS:
.block-title {
border: 0px !important;
}
Thanks!
Hi Radu,
Thank you I removed the custom css all was back to normal and working great. It was a re-forcing thumbnail size and forgot to remove it as I now use plugins to handle the different image sizes.
So glad it was easily fixed.
many thanks for a great theme.
Hi Peter,
the html structure of the site is broken: http://screencast.com/t/LVVwRiQ4y5o .
Please try to remove any custom modifications and if you have custom css in the panel remove that also.
Let me know if it works
Hi,
1. http://screencast.com/t/i0LNtNNSRe
2. Replace this code: http://screencast.com/t/cKKENuf8p7OG with this:
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $this->post->ID ), 'single-post-thumbnail' );
$buffy .= '
<div class="td-tags-and-social-wrapper-box td-tags-and-social-wrapper-box-bottom-line">
<a class="td-social-sharing-buttons td-social-twitter" href="https://twitter.com/intent/tweet?text=' . $this->title . '&url=' . urlencode(get_permalink()) . '&via=' . get_bloginfo('name') .'" onclick="window.open(this.href, \'mywin\',
\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;" ><div class="td-sp td-sp-share-twitter"></div><div class="td-social-but-text">Twitter</div></a>
<a class="td-social-sharing-buttons td-social-facebook" href="http://www.facebook.com/sharer.php?u=' . urlencode(get_permalink()) . '" onclick="window.open(this.href, \'mywin\',
\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;"><div class="td-sp td-sp-share-facebook"></div><div class="td-social-but-text">Facebook</div></a>
<a class="td-social-sharing-buttons td-social-google" href="http://plus.google.com/share?url=' . get_permalink() . '" onclick="window.open(this.href, \'mywin\',
\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;"><div class="td-sp td-sp-share-google"></div><div class="td-social-but-text">Google +</div></a>
<a class="td-social-sharing-buttons td-social-pinterest" href="http://pinterest.com/pin/create/button/?url=' . get_permalink() . '&media=' . (!empty($image[0]) ? $image[0] : '') . '" onclick="window.open(this.href, \'mywin\',
\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;"><div class="td-sp td-sp-share-pinterest"></div><div class="td-social-but-text">Pinterest</div></a>';
$buffy .= '<div class="td-social-like-tweet">';
$buffy .= '<ul>';
$buffy .= '<li class="td-like-tweet-twitter">';
$buffy .= '<a href="https://twitter.com/share" class="twitter-share-button" data-url="' . $this->href . '" data-text="' . $this->title . '" data-via="' . td_util::get_option('tds_' . 'social_twitter') . '" data-lang="en">tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>';
$buffy .= '</li>';
$buffy .= '<li class="td-like-tweet-facebook">';
$buffy .= '<iframe src="http://www.facebook.com/plugins/like.php?href=' . $this->href . '&layout=button_count&show_faces=false&width=105&action=like&colorscheme=light&height=21" style="border:none; overflow:hidden; width:105px; height:21px; background-color:transparent;"></iframe>';
$buffy .= '</li>';
$buffy .= '<li class="td-like-tweet-google">';
$buffy .= '
<div class="g-plusone" data-size="medium" data-href="' . $this->href . '"></div>
<script type="text/javascript">
(function() {
var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
})();
</script>
';
$buffy .= '</li>';
$buffy .= '</ul>';
$buffy .= '</div></div>';
3. Add this CSS in Theme panel -> Custom CSS
.td-social-like-tweet {
margin-bottom: 0px;
}
.td-social-like-tweet ul {
margin: 0px;
}
Thanks!
Hi,
you can change the ad size from here: http://screencast.com/t/1eAQDx1L6
also please note that the size is per device… so if you load your site on a tablet or small screen like the one in the screenshot, the theme will load the tablet portrait banner size. Basically the adsense is responsive.
Only via custom css (add it in the css panel of the theme):
h2 {
padding-bottom:30px;
}
h3 {
padding-bottom:30px;
}
Hope this helps
Hi,
Is not easy to hide the slider from code on mobile, this require a mobile detection from php, on css have this but is not the right solution.
Here is a condition from php to hide something if you want to try it. https://forum.tagdiv.com/topic/rtl-problem-on-change-sidebar-position/
And put this condition on the big slider here on this return: http://screencast.com/t/Dr8Oc69y0
Thanks!
Or, Amazon CloudFront.
To fully “optimize” the .css files, you would need to learn how to “minify” them to make them smaller, if Google is suggesting that.
One trick is to use GTMetrix to scan your site for speed rating, as they can then give you optimized versions of your CSS files (downside, you would need to do this for every time the theme is updated… but this is part of the ongoing admin process for speed).
See the tips and info for your page here:
http://gtmetrix.com/reports/telsetnews.com/Upm34LMy
sorry about that…
here is the screenshot. I would like to remove the colored box…but keep the colored line… Can this be done with photoshop and css..if so, could you show me the css and which photoshop file to edit.. thanks.
http://screencast.com/t/NV5xSuJE
And thank you for the fast response…
Hi,
Add this CSS in Theme panel -> Custom CSS
@media (max-width: 767px) {
.td_block_slide_big {
display: none;
}
}
Thanks!
My page speed result for telsetnews.com is Mobile/Cellular = 75 and Desktop = 90. Im quite happy with desktop result, but i want to speed up my mobile result. do you have any suggestion? Btw, Google recommend me to optimise several thing, such as :
http://telsetnews.com/…/subscriptions/subscriptions.css?ver=3.9
http://telsetnews.com/…modules/widgets/widgets.css?ver=20121003
http://telsetnews.com/…widgets/widget-grid-and-list.css?ver=3.9
http://telsetnews.com/…s/contact-form-7/includes/css/styles.css
http://telsetnews.com/…ootstrap/td-bootstrap-980-responsive.css
http://telsetnews.com/wp-content/themes/Newspaper/style.css
But i don’t know how. Anybody can help me. Or is there any option to speed up my mobile page speed.
Thanks
Nur
for i mean… please see :
http://3.bp.blogspot.com/-xRIIHOLgTGU/U2sF8q-i8AI/AAAAAAAAAik/Iz8X5KmPfVw/s1600/block+title.jpg
i’m try put css code on css custom :
.block-title { border-bottom: 0px solid #4db2ec;}
that CSS just working for module 6 on last articles… not working on block title…
how to make block line is like that picture i mean?
Thanks…
Hi,
Is like that because admin bar and menu theme have fixed position. You can use this CSS to fix that, but will work only with the admin bar, if you don’t have admin bar for users the menu will be from 32px to the top.
.affix {
top: 32px;
}
Hi,
1. You can choose from user editor what name should appear: http://screencast.com/t/OeZ5RrQe9
About an author box at the top of the article can be done by customizing that section via code.
2. I will add LinkedIn share on our todo list for the following updates. Also the theme share can be disabled via Theme panel and you cna use a plugin that contain multiple share networks, like Shareaholic, or Addthis plugin.
3. Make sure you add a link with http://.... this is a corect link not only a www.
4. Yes, you can change the color via CSS, add this CSS in Theme panel -> Custom CSS and change with other color. About an option in Theme panel, we will think about that, thanks for the suggestion.
.td-sbig-title-wrap .td-sbig-title {
background-color: rgba(77, 178, 236, 0.7);
}
5. 🙂 Of course the login modal have a Register form to, on our demo is disabled to prevent user register. See here: http://screencast.com/t/gMqrvDupRdVV
Thanks for all the suggestion!
Have a nice day!
Hi,
Add this CSS in Theme panel -> Custom CSS
.td_text_with_title,
.widget_eme_list {
font-family: ------- font name;
}
Hi,
@Novaque use this CSS
.vc_btn_blue {
background-color: #4FB4F7;
color: #FFFFFF;
display: inline-block;
height: 32px;
line-height: 30px;
text-align: center;
width: 100%;
}
.post .wpb_btn-danger {
background-color: #EC4D4D !important;
clear: both;
display: inline-block;
}
.wpb_googleplus {
margin-top: 10px;
}
.twitter-share-button {
margin-bottom: 5px;
}
@Arved007 DO you have latest version 3.8? http://screencast.com/t/hit4V7K8U
I’m considering removing calls to fonts I’m not using. In Theme Panel, I’ve narrowed down my fonts to just arimo and roboto.
In functions.php, I’ve changed line 43 (collection URL) to:
wp_enqueue_style('google-font-rest', $td_protocol . '://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700'); //used on menus/small text
But, the theme is still calling all 5 fonts that come pre-packaged. Is there any way to remove calls to fonts I’m not using?
Thanks!
Before the update to V3, i used to have greek google fonts (open sans and roboto). After the update although i chose them, the greek fonts are not displayed nicely (The english fonts are ok).
I have tried to install the greek google fonts. I installed their code after <head>, but i don’t know what to do in order to add them in css.
Please help me with that.
Hello,
First of all I’d like to say a big thank you for such a great WordPress Theme. I was looking for a very long time for news/magazine style WP theme fully compapitable with buddypress. So that’s how I came accross to choose this theme.
For sure there are also some issues, which I’m facing as well, so I hope you’ll be able to help me to solve it.
So let’s get started.
1. Ability to move Author Box to the top of the page.
Well, in my opininion for users it is much more important to see post authors at the top of the article nor at the bottom, when there is a multi-author website. So don’t you think that it would be very cool if we would be able to move author box to the top of the page?
Also some more issues:
– Now it shows author’s username in author box. Would it be possible somehow to change it automatically to author’s First and Last Name?
– Also is it possible to do drop-down author box similar to starbox does have?

2. Add LinkedIn share button together with other social sharing buttons
Now all articles can have Facebook, Twitter, Google+ and Pinterest share buttons. But I think LinkedIn is also worth of being together with these buttons as it usually sends quite a lot of social visitors.
Also maybe it would be worth to consider to add social counters similar to Mashable does have?
3. Source URL and VIA url options doesn’t work properly
This theme does have a very cool option which let’s to mention who wrote the article and put a nice looking source.
But the problem is if let’s say you’ll put http://www.google.com/analytics in “Source URL” and http://www.google.com in “VIA URL”, then the system generates broken links and it redirects to 404 error pages.
In this case “Source URL” redirects to http://www.mywebsite.com/my-post-url/www.google.com/analytics and “Via URL” redirects to http://www.mywebsite.com/my-post-url?www.google.com, when it should redirect to http://www.google.com/analytics and http://www.google.com.
4. Ability to change text colors in main slides
Now if you change the color of the whole site, then the color in big slide will change as well.

The main problem is if I change website color, then sometimes the collor of title and collow of the box, which wraps the title, doesn’t look very attractive. So, it would be great if we could change class=”td-sbig-title-wrap” and class=”td-sbig-title” (the same is valid for small slides as well) via admin panel.
In this case I can change slide colors myself via css. But I think for many user it would be very useful if the would have a chance to change those colors themselves via admin panel.
5. Consider about “register” option in Login form at the top menu
There is a very cool option that we’re able to insert login form at the top menu, but I think it would be fair enough, that if users can login, first of all they should get an option to register on the site? 🙂
I think in that form should be additional “Register” form or at least something similar to “Not registered yet?”.
I want to thank you in advance in taking your time to read my problems and recommendations.
I do really believe that all those options would be very useful for other users as well, so maybe it is worth to consider to implement them in the next theme updates.
If not, I would really apreciate your recommendations on how I would be able to fix all those problems myself.
Thanks a lot and waiting for your honest answer 🙂
Hi,
Is like that because the AD overlapping the top menu. Please remove that moving header: -24px and add this CSS in Theme panel -> Custom CSS
.td-a-rec-id-header {
top: 6px;
}
.header-logo-wrap > a {
display: block;
height: 100px;
}
.header-logo-wrap {
margin-top: 0px;
}