- NewsmagLoading image effects
- NewsmagRequirements for Newsmag
- NewsmagBlock settings tutorial
Normally we convert ALL fonts to Open Sans (with Newspaper, anyway); so typically we would open the style.css, search/replace all fonts to what we want, then edit the functions.php … but now would edit the td_fonts.php to REMOVE all the google fonts not being used; this ensures they don’t “print” in the head/foot of the posts online.
I have not yet done this for the fonts.
For our sites we have to do the following each update
1) update the hook for the post views to “views” from existing field
2) edit the search file to remove breadcrumbs (I don’t need those on indexes for each story)
3) edit functions.php to put various elements for us at bottom, such as changing default compression for images/thumbs, adding note to poke hackers trying the lost password function, turn off XMLRPC elements in header, remove Yoast from menu bar in admin, hide header elements like versions, hide use of visual composer, etc. — many common “optimizations” for WordPress sites.
4) edit header to remove the section for video thumbnails and this stupid thing
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
5) optimize the fonts, by doing the aforementioned house cleaning on style css file, and removing the extra google font calls.
Your mileage may vary 🙂
Best way is to remove the font calls to Google from the functions.php file, then manually put the calls to Google CSS at bottom of your styles.css file. Kind of advanced, but I covered how to do this in detail in the Newspaper theme forum.
Hi,
According to this PageSpeed test: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.howtoisolve.com&tab=desktop you still need to optimize images. For this you can find more info here: https://developers.google.com/speed/docs/insights/OptimizeImages
And also noticed that this js files appear in the test as blocking js: http://screencast.com/t/2SfcQpo4B2ld Please mote that the jQuery isn’t moved at the bottom of the page if used with rev slider.
You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/
I see you use a cdn hosting service so make sure you purge files after any change as the old file content may be loaded and generate issues.
Thanks
Hi,
2. Unfortunately the theme doesn’t have an option for that, it’s not easy but it can be achieved via css and you will need custom work for that. If you don’t know how to do it we suggest you to hire a freelancer to get this done for you as we cannot offer custom work at this time.
6. In this path ..\wp-content\themes\newspapertheme\includes\modules\module_modifier you can find the file, use a code editor like Notepad++ and edit the td_module_blog.php file change remove the code I suggested then save it: http://screencast.com/t/3gClfIbAf
Search for tutorials online to see how you can use code editors and make this modifications: http://smallbusiness.chron.com/notepad-beginners-38873.html
11.
i) Use this css to have the small images like the other slider images in small screen widths: http://screencast.com/t/SxAIEXyiV4HR
@media (max-width: 476px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 200px !important;
}
.td-big-grid-post-2, .td-big-grid-post-3, .td-big-grid-post-1 {
width: 100%!important;
height: 174px !important;
}
.td-big-grid-post-3 .thumb-wrap {
border-left: 0px solid #ffffff !important;
}
.td-big-grid-post-3 .td-sbig-title-wrap, .td-big-grid-post-2 .td-sbig-title-wrap {
margin-left: 0px !important;
bottom: 2px !important;
}
.td-big-grid-post-2 .td-sbig-title-wrap {
bottom: 3px !important;
}
}
@media (min-width: 477px) and (max-width: 767px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 300px !important;
}
}
ii) The images become like that because of the width of the screen as in order to be responsive are set to 100% of width.
13. Use another block widget, the block 1 widget which you are using it’s set to appear like that: https://forum.tagdiv.com/modules-and-blocks/
15. Replace this code: http://screencast.com/t/XAQnqGR9fiLz with this: http://pastebin.com/7dpq7Rpr
18. That happens because of the cropping function, you can find more info about it in this topic: https://forum.tagdiv.com/topic/thumbnails-and-images-url-problem-comments-problem/
19. This is similar to the second matter and it can be done via custom css but unfortunately the theme doesn’t have an option for this and you will need to hire someone to customize it for you.
20. You can find how to do it here: https://forum.tagdiv.com/topic/customize-article-display-view/
Move the get_category() function inside the module file.
Hope this helps!
Thanks
I am newbie for website, I hope you all can help me answer with step by step for the below questions, thanks all!
1. how to do if i want my menu with the line of different color when i hover it?http://www.screencast.com/t/oFjjWo2zbid
2. How to changes the different menu’s big slider with different color?
http://www.screencast.com/t/yVOgdySy
3. How to change the font size of this subcategories?
http://www.screencast.com/t/5VnyHm7g0
4. What facebook widget can works more powerful? like this
http://www.screencast.com/t/FuYbyUVPe
5. How to make the social shared button to the side at there? Need some purchased plugin?http://www.screencast.com/t/GCmhBNulX
6. how to change the similar post to random post in the post setting? it is because i want my article’s bottom is random post not similar post…
http://www.screencast.com/t/wJJLFqpdm
7. what plugin can work with newspaper themes when people scroll down the article and pop up a facebook widget box at the right bottom? like this
http://www.screencast.com/t/Zh59h7GX
8. How can work with newspaper theme same like this facebook comment box?
http://www.screencast.com/t/kdU5VD3g
9. How to put gif on my website?like this
http://www.buzzfeed.com/maitlandquitmeyer/b00b-n00bs
10. How to make this big slider big images automatically bigger when it on small screen?
http://www.screencast.com/t/qV7Iyj14VCz
11. How to make the small images bigger when it on small screen?
http://www.screencast.com/t/NIWqnzcHj
12. Any plugin can custom made the facebook shares button?like this
http://www.screencast.com/t/ffHN6GMAePtH
13. How to changes the random post to latest post? i want custom pages and all the images sizes same like the first images…
http://www.screencast.com/t/5MP8lVMl
14. How to changes the sizes of this? i means let it bigger…
http://www.screencast.com/t/4mrxt4pWOqx2
15. How to remove this?
http://www.screencast.com/t/cqd1f67Q
16. How to make small facebook share button at this place?
http://www.screencast.com/t/TFUK4qZ8
17. How to put the small prev and next button on the top of article? like this
http://www.screencast.com/t/PUr5tiaH
18. How to make all images on my website most reasponsive?
http://www.screencast.com/t/OX9YTHosuj1J
19. when i hover the title of the article, the word’s of title underlined, how can i remove the ‘underlined’ when i hover on the title and it appear the color of the categories like this is red http://www.screencast.com/t/ydTTe9kHBM9
and this is orange
http://www.screencast.com/t/Qgds4MHEUA96
20. How to let all of the categories of the article at this place on all of my website?like this http://www.screencast.com/t/ALenmZOGWcb
Hi, thanks for your help.
My bad I misspelled the wed address. its http://www.motiongraphics.co.il
As for the CSS update – I managed to fix the big slide direction and the remove the shadow but the couldn’t change the mega-menu direction and the bottom border color.
I actually want to do a couple of changes there – I want to change the whole border from white to my header BG color, and also the hover border color.
As for the menu color – I meant for the menu’s text color. my menu BG color is dark and I need to chance the text to a brighter color.
Thanks a lot for your quick reply.
Hi,
I can’t access your site: http://screencast.com/t/TUmXP6Yzzzz so I can’t help you unless I can check and inspect the 2. Sliders on Firefox/ 3. Slider Titles/ 4. Social Icon covers the post issues.
Please let me know to check this when the site it’s running again.
Regarding the first issue you have with the custom fonts please note that we also know about this do have some issues with this. For a fix you would need to send us an email and request for a fix in this case. You can address us on email at contact@tagdiv.com
1. I need to see this so I can provide a better answer but yes you could write a better css selector and apply your style just to the bottom of the posts or if you want to remove the author box you can do it from theme panel: http://screencast.com/t/Rflo6pT3
2. Via custom css, like this: http://screencast.com/t/KEsLinjDvk
.td-big-grid-post {
float: right;
}
.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px solid #ffffff;
}
3. Also via css, you could try something like this:
.td_mod_mega_menu .item-details {
float: right;
}
.td_mod_mega_menu .item-details .entry-title a {
direction: rtl;
}
4. From theme panel > theme colors: http://screencast.com/t/SJaMRIDpb
5. Use this custom css: http://screencast.com/t/61MBHpfBsMj
.sf-menu li a:hover, .sf-menu .sfHover a, .sf-menu .current-menu-ancestor a, .sf-menu .current-category-ancestor a, .sf-menu > .current-menu-item > a {
border-color: #4db2ec;
}
To remove the shadow use this css:
.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none;
}
Thanks
Hi, I have several issues I can’t find a solution for.
I’m a newbie to html, css and wordpress so I need you to be easy on me.
that’s my blog – http://www.motiongraphic.co.il
1. Custom Font
I can’t use a custom font using your theme panel.
I uploaded a hebrew font to the server and then linked it in your custom font section.
I then called it through the “custom typography” menu but the font didn’t show on the site. instead there was a default serif font. I tried using a different font but then it shows an non-serif default font instead.
funny thing is that when I use a third party plugin (“Use Any Font”) – the font shows.
I don’t want to use a third party plugin though.
2. Sliders on Firefox
The sliders on my blog doesn’t show well on fire fox. looks like it runs far left the first time you try to scroll it.
3. Slider Titles
It breaks the lines in a weird way… sometimes after a two word.
on IExplorer it doesn’t break the same way, but there is an extra space in every place it should break.
4. Social Icon covers the post
Every time I put an image on the end of a post the social icons covers the bottom of it.
It looks OK when the post ends with a text though.
Few short question:
1. I used CSS to give a separator line between posts by adding a bottom border to the footer. it also added a line on the bottom of the author box. can I delete it?
2. Since my blog is RTL – how can I make the large photo on the big slide be on the right side?
3. From the same reason – how can I make the post links on the Mega-menu show from the right to left?
4. How can I change the menu color?
5. How can I change the menu’s bottom line color and remove the drop shadow, and how can i change the bottom line color of the selected item on the menu?
I know that’s a lot of questions but I really tried to gather it all together instead of just post a post after another.
Thanks in advance for your help.
Motti.
Hi guys
I would like to move the Article Bottom Ad to after the Author box because at the moment it appears before it:
http://connecteddigitalworld.com/2014/11/09/win-jersey-boys-blu-ray/
is this possible?
thanks
Andrew
Hello.
At the bottom of each article I have 4 social buttons (Twitter, Facebook, Goolge+ and Pinterest).
How can I change one of them or add another?
Also, can I move them at the bottom of my posts or I have to create a page (and not a post) to set the social buttons at the top?
Thank you!
Hi,
Thanks TheMediumUTM!
@papilleclandestine I’ve checked your page source and found that somehow all theme’s css is loaded within each page which could cause issues.
My guess is that this is a plugin settings which reads theme’s css and loads in into the page.
First please make sure you deactivate all plugins leaving only Visual Composer plugin active, after this empty your cache and purge files and check again.
Also please make sure you use this page speed guide right and use the tagDiv Speed Booster plugin to move the css and js at the bottom of the page avoiding the page render blocking. We only recommend this to advanced users so if you don’t have any php knowledge you should get some to help you with this.
Hope this helps! Please let me know!
Thanks
Hi everyone, our hunt for 95+ on desktop ( I have 96 now 😉 ) and 90+ on mobile ( I have 75 now 🙁 ) goes on.
I just found out a way to detect critical above fold css and inline it. And I put all other css in the footer. I got desktop score of 97 and mobile score of 92.
But, there’s a problem with it, there’s a flash of unstyled content (since the main css files are at bottom, and if we move that to top we’ll get render blocking warning).
So anyone who can help me and then everyone reading this thread get rid of that flash of unstyled content? 🙂
Desktop 97 and Mobile 92 coming soon, if this one gets solved. 😛
Hi,
1. That is because you logo it’s at 65px height, you can fix this using this custom css in theme panel > custom css field: http://screencast.com/t/6SpPjfGIz7F
.header-logo-wrap {
margin-top: 25px;
margin-bottom: 27px;
}
.header-logo-wrap img {
padding-top: 20px
}
2. You need to add &subset=latin,latin-ext in case you use the speed booster plugin which uses those fonts, we will consider this, until then you can copy the functions.php file inside you child theme and add the latin extended support there. You can read how to do this following this guide: https://forum.tagdiv.com/child-theme-documentation/
3. You can do it like this: https://forum.tagdiv.com/topic/move-comments-above-similar-articles/#post-24724
4. You can a new sidebar and set it only for bbpress forum template like this: http://screencast.com/t/6Vc9ISLruES
Then you can add your widgets there: http://screencast.com/t/ECEMy9Licix
5. It can be due to the theme as the theme overwrites the bbpress templates and restyles them, you could try to translate it from theme panel > translation and the ones you can edit and find the missing words here: http://screencast.com/t/XgcJXFfTKe and replace them from there.
Regarding page speed you can follow this forum topic as there have been many issue debated here and you can find solution for your issue there: https://forum.tagdiv.com/topic/pagespeed/
You can also follow this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks
Hi,
The speedbooster plugin moves the style to the bottom of the page so this can be due to this as you probably have some custom css added in theme panel.. or this could be due to a plugin.
Please make sure first that this is due to the speedbooster plugin as this could cause conflicts with other plugins so empty all cache and also purge files if you use CDN, disable all plugins leaving active only the speedbooster plugin and visual composer and check for this again.
Hope this helps! Please let me know.
Thanks
Hi,
Sorry about that, please remove the css I have gave you above and use just this: http://screencast.com/t/T4QYotDDwOl
Should solve this issue, please let me know if it doesn’t and send me an example so I can inspect it.
Use it like this:
.single_template_5 .td-post-content header {
margin-bottom: 10px;
}
Thanks
Hi,
It’s not enough just to paste those classes like that, you also need to style the container of those classes, meaning the arrows. If you don’t have any css/php/html knowledge and you need or want to customize the theme design besides what it has now you can get a freelancer to ado it for you as we cannot offer custom work because we are working hard on development, updates and support.
You can move the the prev/next arrows to the bottom of the block like this: http://screencast.com/t/72wBfFymR
.td-ajax-next-page, .td_ajax-prev-page {
top: auto!important;
bottom: 0px !important;
}
Thanks for understanding!
Please let me know if it works!
Hi,
Sorry for the delay! I have checked your site and didn’t found many weird placement, one issue that I have noticed was the blocks ext and prev arrows which you can fix using this css: http://screencast.com/t/0Uoo9AYNxYT
.td-ajax-next-page {
right: auto !important;
background-position: -20px -20px !important;
left: 15px !important;
}
.td_ajax-prev-page {
right: auto !important;
left: 0px !important;
}
Also found that you need this css to remove the margin from the left of the title: http://screencast.com/t/HlEjhvQL
.td_mod3 .item-details {
margin-left: 0px !important;
}
On post page I found this: http://screencast.com/t/W2ChSM5xl2G
.single ul.td-category, .single ul.td-category li, .single header time {
float: right !important;
margin-right: 0 !important;
}
.td-social-sharing {
top: 0px !important;
margin-bottom: 0px !important;
}
.prev-post a {
padding-right: 0px !important;
}
.author-box-wrap .desc {
margin-right: 127px !important;
margin-left: 0;
}
.author-box-wrap .avatar {
float: right!important;
}
Hope this helps!
Please let me know if you have other issues with this.
Thanks
Thanks 🙂
Is it Possible to move prev next controls to bottom of the columns.
thank you
Regards
Glad it works!
Thanks for the message!
Hi,
Please note that this version: http://screencast.com/t/oU8j9Zmqu This can’t be removed as it’s added by WordPress to avoid caching on updates.
For the speed booster plugin please make sure your do this right to not move the style css to the bottom edit the td-speed-booster.php file and make sure you just this changes: http://screencast.com/t/JKJmxFgV
I have double tested this and should do this right this time. If still this dose not work please make sure you remove and install again the speed booster plugin and then do this changes again.
Thanks
Most of us love revenue. But there is a evil thing called “AdBlock” or “AdBlock Plus” which removes advertisements from a website. I have created a plugin for the Newspaper theme which will display a simple warning/pop-up on the bottom-right-hand side of the website and can be closed.
Don’t worry, cause it will only show if the “AdBlock” is “enabled”. That means, it won’t show to general users.
Features:
1. Responsive
2. Built for Newspaper
3. Cookie support (will display after every 6 days if closed)
4. Free support at this thread (if tagDiv doesn’t have any problems with it 😉
5. The warning message can be changed as well. Go to Settings>Blockr Options
The plugin is available for download for free from Dropbox: http://bit.ly/10WxZOz
Would love to hear your feedback guys 😉
I did the same thing, see my td-speed-booster.php file. Try that you’ll also get issues. Would you like to try yourself on my site with administrator account?
Hi,
I tested this using your speed booster plugin code and had the same issue. This code you have added causes the issue: http://screencast.com/t/bPjCzQob
Remove it and will work fine, the style.css file won’t be move to the footer when speed booster plugin is active.
Thanks
I did as you told but the style.css is not in the page source and this is what I get.

If you doubt that I’m not doing it correctly, then this is my file and I’ve highlighted all the changes I’ve made.
http://www.speedyshare.com/eueXY/Shashank.docx (choose slow download to see the file)
Hi,
That is because of this style which gets applied to the body tag: http://screencast.com/t/3EvmvbQ4i
You need to make sure you comment that line: http://screencast.com/t/Zp2OBoTO
And also: http://screencast.com/t/nEPX7oKTAq
This should do it. I have tested this and didn’t get any error, please make sure you haven’t made any other changes that may cause this and try again.
Thanks