- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello,
Our theme has no such settings so it will have to be made custom. You can replace the icons with css if you have the proper knowledge. it depends on the icon format you want to add. There are different implementation methods for different type of icons. Our icons are sprite icons added like so: http://screencast.com/t/F2t1lvJCE
Thank you!
I have been reading Chris’s custom optimizations for functions.php etc tutorial many times and today. I thought to make use of it for my website based on NewsPaper theme.
The sticky post by Chris is meant for NewsMag theme and I have no idea how compatible it is with Newspaper theme. Still I tried the most updated version of his optimisation code with name “/** CUSTOM OPTIM CODE : by Christopher Simmons – REV 8.17.16 */ ” using guidance written under this sticky thread
Here is the full code that I used is here Pastebin link
I also tried “slim version for newspaper them: june 2015” pastebin code here
along with one of above written codes ( not both at the same time)
I also added following things under HTACESS ( my htaccess file is here ), optimise my Database filesusing WP-optimise and WP-Sweep and have optimised my style.CSS using online minifaction tool suggested by Chris.
After trying all these things, though I felt that the backend and front of my site is comparably fast , but no considerable change in Page speed score or GTMatrix score.
Before all these customisation and optimization techniques:( Note: I have disabled all other caching plugins and CloudFlare since last few days to work on live raw site )
GTMATRiX Test Link: Click this
Pagespeed Test Link: Click this
PAGESPPED SCORE: MOBILE: 42 DESKTOP: 48
GTMATRIX SCORE: PAGESPEED SCORE: 56 YSLOW SCORE: 52
After making all these changes: ( Note: I have disabled all other cachine plugins and cloudflare since last few days to work on live raw site )
PAGESPEED SCORE: MOBILE: 42 DESKTOP: 50
GTMATRIX SCORE: PAGESPEED SCORE: 58 YSLOW SCORE: 56
So, the change in very minimal. Previosuly with WP Super cache and cloudflare, my GTmatrix scode used to be 95+gh under various threads here, many users have experienced 98+ pagespeed score after using Chris Techniques.
What am I doing wrong? Does Chris’s codes not support or work for Newspaper theme? Should I finally use slim mini newspaper version or the newsmag theme one ?
Is there any such thread for the NewsPaper theme?
Please help me to get answers for all these issues.
Thank you.
I added it to the child theme css and all is ok, didn’t seem to work in custom css.
As an aside why would i need to set menu to be visible when it should be anyway?
Hello gilli,
I have checked your website and I saw that you are using the RTL mode for the theme. Please keep in mind that the theme has no RTL support because it has been designed to be used in this layout, sorry!
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
Regarding on your problem, please be more specific about what you want to achieve because I do not exactly understand what you mean.
Thanks for the message!
Hello,
Our theme uses fixed thumbnails and there is no easy way of changing them. if you want to tackle this task you need to use the theme api and edit the size for each thumb: https://forum.tagdiv.com/td_api_thumbupdate/ Coding skills will be required for this and you have to edit the ss for the modules as well for positioning.
You can control the excerpt on every module in particular from the theme panel: http://screencast.com/t/S21NuYxz0v
The third request is very tricky to do as our css is indeed a it large (not as large as a multi-purpose theme though I have seen css of over 1+mb on those themes) I cannot rpovide any safe way of editing the style.css file and to remove any classes you do not use. most of theme are needed but you can edit out a few safe parts that you will probably not use. for example you can delete any plugins related code such as woocommerce or bbpress if you do not plan on using them. But you have to be careful as there are lots of css rules that apply to common elements so you might delete something you actually need by mistake. http://screencast.com/t/MwMFt5BZ
So you really need to know what you are doing before deleting any theme code as you may break the layout otherwise.
Thank you!
It has nothing to do with caching.
Maybe the RTL theme is the reason? But again, if i change something in the CSS file, should it apply to the site? How else can i make modifications?
Hello,
thanks for the template. But I’m with three problems. I need to change the size of the thumbnails, and I need them square. How can I do that? I tried but with no success. I don’t want to fake change it via css, I wanted to regenerate all of them.
Also, I wanted another help. I want to disable those excerpts below the titles in home and categories page. It breaks all the layout of what really is inside the posts.
And third, something special. Can you please give me some help on how can I delete the main classes of the contents that I won’t use in the style.css? The file is too big, and I saw several classes that I probably won’t use, but I’m not sure how to find them and delete safely. I’m using the News Magazine in Newspaper, and I’m only using the default home page, the style 2 post template, and category style 7. If you could give me a light I would appreciate very much. If you want to check, it’s http://www.hitsebeats.com
Hello tcmc1313,
Please notice that mobile theme has own core files and this concept is too sensible for changing. If you want to modify it, please notice that you will have to check all of the mobile files and style.css for mobile, like this -> http://screencast.com/t/HUBV1dM93qRN
I hope this helps and if you are not aware of the steps, please consider hiring a freelancer/developer to help you!
Thanks.
Hello,
Sorry but I’m not sure what plugin you use for these buttons but the css for theme is all over the place. you will be better off re-creating this element a different way as there is no simple way of fixing these buttons.
I cannot even find the anchor tag. there is no link set to them.
I assume it’s a plugin you use but it seems it is not compatible with our theme. Sorry. use a different implementation. you can create a simple layout like that using basic html.
Thank you!
Hi
Note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow to move their CSS/js resources at page bottom. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/
Hope this help.
Thanks!
HI
@andrew40 Try this css in theme panel > custom code > custom css: http://screencast.com/t/24GDsWOLStu
.sf-menu {
visibility: visible;
}
Thanks!
Hello,
\
The pop=-up is indeed a theme element. it is a more articles box. IT was only meant to show a few articles but you have it set as big as the screen. You can remove it from mobile altogether by using this css code:
@media(max-width:767px){
.td-more-articles-box{
display:none!important;
}}
You can add the code in the thee panel->custom css box
Thank you!
Hi
You still have the that warning still appear in google’s report if you run a page-speed test, even with new theme enabled: http://screencast.com/t/iPHT5Ei4No
The css I’ve provided should remove that warning, I’ve made a test on my side and works fine. We will inspect this and in next theme’s version will look for a different implementation.
I can’t say for sure when the update will be released but we try to make it as soon as possible.
Thanks!
Hi Chris, don´t know what happened but all works now correct. Sorry to bother you.
Maybe needed some time to load all new css.
Thanks Sylvester
***URGENT**** URGENT **** URGENT
You can try couple of things
a) clear your cache on site if using plugin, or reset CDN if used
b) clear your web browser cache/history fully to reload new CSS used in WP
c) resave permalinks
d) clear transients with wp-optimize plugin
e) go to your menus settings and just resave them
f) disable conflicting plugins (use F12 in console view to see if ‘errors’)
Good luck! Your menus load just fine for me.
(( I don’t work here ))
Remember you need to FULLY clear caching in Chrome, etc., to SEE any changes to CSS/JS.
I am familiar with CSS so that all makes sense. The suggestions you made seems to work if The mobile plugin is disabled. I am referring to the plugin itself that activates the mobile layout files and how it detects. Because it is loading on tablets too which I do NOT want. I want to reduce the screen size to about 600px detection and then it will load the mobile site files.
I made this work with the plugin disabled with the suggestions you made. What am I missing to get this to work with the mobile plugin/mobile site files?
If you’re using caching, then you need to clear cache in both site/plugin as applicable AND in your web browser. Chrome in particular holds onto CSS until you clear history or do force reload.
e.g.,
Chrome:
Quick hard refresh can be done by using the following short cut keys
Windows/Linux:
Hold down Ctrl and click the Reload button.
Or, Hold down Ctrl and press F5.
just open the Chrome Dev Tools by pressing F12. Once the chrome dev tools are open, just right click on the refresh button and a menu will drop down. This menu gives you the option of doing a hard refresh, or even clearing the cache and do a hard refresh automatically.
Hey Chris,
Thanks for the reply.
I tried everything, in the style.css file and in the Custom CSS. Nothing works.
For example: As you can see the logo floats to the right >> https://postimg.org/image/fad9sbelz/
But in my css.style file the float:right!important line doesn’t exist. I deleted it. so why is it still there?
And this happens with every line. i delete/edit it, but nothing cahnges.
Might help to explain WHERE you are actually putting the CSS ?
often bottom of your style.css file is best place; although if you’re using the custom CSS box in theme panel, for some things you may need to add the common !important tag to your over-ride to force the CSS to over-ride the default.
Depends on where you’re trying to do that.
In a post you just use normal HTML. Headlines/titles are already H1.
In sidebars and indexes for stories, headlines are usually h2 and h3, as there should only be one H1 per page.
For home page, for a site description, just make a text box and wrap a site description in h1 tags; for custom CSS apply a style class like
<h1 class="homeh1">My Neato Description</h1>
(( I don’t work here. ))
Hey,
For some reason no matter what i do to change CSS, nothing happens.
I need to hide the entire header on mobile (logo, search, menu).
I read all the threads about it, but nothing happens when i use CSS.
Why is that?
thanks
I’ve Done That hehe.. 😉 using this code
//contributor
global $post;
if ( user_can( $post->post_author, 'administrator' ) ) {
echo 'Administrator';
} elseif ( user_can( $post->post_author, 'editor' ) ) {
echo 'Editor';
} elseif ( user_can( $post->post_author, 'author' ) ) {
echo 'Author';
} elseif ( user_can( $post->post_author, 'contributor' ) ) {
echo 'Contributor';
} elseif ( user_can( $post->post_author, 'subscriber' ) ) {
echo 'Subscriber';
} else {
echo 'Guest';
}
and some extra css and the result is here > 
Andrei, the errors disappeared because I changed the theme to prove that I only get this error in your Newsmag theme, OK, No other themes I tested gives me the errors, Im trying to work with you guys to get this fixed, When is update coming up? Can you provide me with updated css files asap to solve this?
Let me know please, thank you.
hi,
ı want change ‘latest articles’ in other language. Where can ı find ‘latest article’ in css?
Also, ı want change ‘pervious article’, ‘next article’ and ‘Related article’.
thx