- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello Daniela,
We have no reports of this issue for the moment. It must be something local affecting it.
Please check to see if the implementation is done correctly:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
If everything is in order, try it without plugins as there could be a plugin conflict affecting it. Disable all plugins except the page builder, clear cache and reset CDN files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functioning of the theme.
Thanks.
Hi,
You have said to do two things that are the opposite of each other.
“Please make all other optimization besides the render blocking js and css”
“As for the render blocking js and css you will have to use speedbooster and make the proper code changes”
…
I know I have to use speed booster… that’s why I just showed you the code it displayed when I activated the speed booster plugin…
Not sure what “ignore google’s position in the list” means.
I asked you a question but it has been ignored.
It was:
In CPanel should I be adding “.css” or not? So: $this->move_style_to_footer_queue(‘demo_style’) or $this->move_style_to_footer_queue(‘demo_style.css’)
This is a question about your own guide on page speed. 🙂
Images are optimised before they have been uploaded. Google says the biggest is 21kb – small.
Yes, I have already checked other speed guides and done things like going through Cloudflare. I have tested other heavy themes on this same hosting and they work fine. It is just your Newspaper theme.
Thank you
hello,
The art creek demo style adds the color as each demo has it’s own implementation.
If you want to remove the color and gradient, please use this css in the theme panel-> custom css code:
.td-art-creek .td-header-style-10{
background-color:white!important;
}
.td-art-creek .td-header-style-10:before{
display:none;
}
Thanks.
Hello,
I’m using Newspaper theme in my website, and It’s worked sucessful, but today I can see this fatal error, and I don’t know what can I do. I don’t modify nothing!
:/
Warning: require_once(httpdocs/wp-content/themes/newspaper/includes/demos/lifestyle/td_css_generator_demo.php): failed to open stream: No such file or directory in httpdocs/wp-content/themes/newspaper/includes/wp_booster/td_wp_booster_functions.php on line 269
Fatal error: require_once(): Failed opening required ‘httpdocs/wp-content/themes/newspaper/includes/demos/lifestyle/td_css_generator_demo.php’ (include_path=’.:/opt/plesk/php/5.6/share/pear’) in hosts/comboz.es/httpdocs/wp-content/themes/newspaper/includes/wp_booster/td_wp_booster_functions.php on line 269
i want to edit back to top > https://www.screencast.com/t/wD4Xe8HG9T like sthis > https://www.screencast.com/t/zDvTBqlVM , how to css that?
Thanks
Hi,
Please make all other optimization besides the render blocking js and css and ignore google’s position in the list. Image optimization has a pretty big impact.
https://code.tutsplus.com/tutorials/speeding-up-wordpress-image-optimization–cms-22057
As for the render blocking js and css you will have to use speedbooster and make the proper code changes as instructed in the page speed guide.
Page speed is a very personal thing and is different from one host to another. Lots of factors kick in and it cannot be a one click job. This is something each user has to do on their own install and figure out what works best for them. There are literally TONS of page speed guides online. Please also check with them as our guide is not a definitive guide on what to do and what not to do. We simply pointed out a few obvious things to improve but there is a lot more to be made if you want to have top loading speeds.
Thank you!
Hello Somosung,
I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? This behavior appears when you have additional customization through custom CSS code. Please notice that the CSS is working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!
There are problems to apply newspaper theme. Please help!
1. Fatal error: The message below comes out when I tried to install tagdiv composer and social counter.
Call to undefined method WP_Upgrader::clear_destination() in /www_root/wp-content/themes/Newspaper/includes/wp_booster/td_first_install.php on line 164
2. broken theme: These messages appear on the main page
[vc_row el_class=”td-slider-row”][vc_column tdc_css=”eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjIwIn19″][rev_slider alias=”newspaper-politics”][/vc_column][/vc_row][vc_row el_class=”td-news-ticker”][vc_column]
[/vc_column][/vc_row][vc_row el_class=”td-ss-row”][vc_column width=”2/3″]
[/vc_column][vc_column width=”1/3″][td_block_social_counter custom_title=”FOLLOW US” facebook=”tagdiv” twitter=”tagdivofficial” youtube=”tagdiv”]
[/vc_column][/vc_row][vc_row full_width=”stretch_row” el_class=”td-video-playlist” tdc_css=”eyJhbGwiOnsiYmFja2dyb3VuZC1jb2xvciI6IiMyMjIyMjIifX0=”][vc_column]
[/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row el_class=”td-custom-ad”][vc_column]
Hello AWAY FROM LIFE,
I guess that you have made some additional customizations through your website and that’s why you bring this error, sorry! I have tried to overwrite some CSS rule to avoid the transparent post title when you hover over it. Try the code below and place it in Theme Panel->Custom CSS area.
The code is ->
.td_module_wrap .td-post-category:hover{
background-color:#891200!important;
}
.td_module_wrap:hover .entry-title a{
color:#891200!important;
}
Thanks for your understanding!
Hello dmalhotra,
If you want to have the featured image aligned to the right and not to the left, you should use a bit of CSS code to do this. Try the code below and place it in Theme Panel ->Custom CSS Area.
The code is ->
.td-post-template-1 .td-featured-image-rec {
float: right;
margin-left: 21px;
}
The result is here -> https://www.screencast.com/t/D7Ken1D5
For more information about the each thumb size, please check the Theme panel, like here -> https://www.screencast.com/t/YGjAjFBj
Hope this helps!
Thanks for your understanding!
Hi,
You could use some css to achieve that, if there is no theme setting available. Please provide a link to your website and more information about what exactly you want to do, and I will try to give you a solution for this.
Thanks
Hello! I founded, that after upgrade to Newsmag 4 all my buttons lost CSS and became just links. New shortcodes don’t work. Can U fix this? Thank You
Would like to customize/remove the wordpress page through CSS, but it seems not let me override it. Any file and classes to target this page? Thanks
Ok,
I did a fresh re-install. active plugin: tagDiv Composer. Result of the Home Page: [vc_row full_width="stretch_row_content td-stretch-content" el_class="td-art-creek-banner" tdc_css="eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0yNDgifX0="]
To me that is Visual Builder short codes and not tagDiv shortcodes. The start with td_ imho.
So I really want to use (as a start) the Art Creek demo page. But cannot use the tagDiv composer because all short codes are VC.
If tagDiv will be the feature composer, please provide demo stuff from that particular builder.
Is there something I do wrong? Can you provide me the xml with the plain art Creek demo (tagDiv based) demo code?
Regards,
Bert
The package could not be installed. The theme is missing the style.css stylesheet
Looks like missing CSS file. Try testing page with F12/console in Chrome.
Consider ‘rolling back’ to your prior Theme install, then do proper upgrade via FTP vs using the Envato plugin.
Also, for major theme upgrades — going from 3x to 4x is like going to new theme, so you need to read all the docs to see ‘what has changed.’
It looks like some js is effecting the page speed of the website. I’ve gone through the Google Pagespeed testing and since using the theme and these are top things effecting it below (if they are not relative to the theme then disregard, otherwise I’d like to see what we can do to fix it).
/wp-includes/js/jquery/jquery.js?ver=1.12.4
/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1
/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=8.0
/wp-includes/js/comment-reply.min.js?ver=4.8 (I dont have the comments enabled)
/wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css?ver=4.8
/wp-content/themes/Newspaper/style.css?ver=8.0
Any suggestions?
Hi Tagdiv,
With the help of a tutorial written here – https://forum.tagdiv.com/topic/implement-infinite-scroll-on-single-posts/ and by using some common sense, I was able to apply infinite post scrolling on a single post.
Here is the step I took for this:
1. I am using TagDiv composer for the pages but to be able to use infinite scrolling on a single post, I have to enable Visual Composer for posts.
2. I wanted block-3 design and my default post type is: Style-1 so, I edited loop-single-1.php, I added the required code
Here is the code that you need to add under loop-single-1.php after <?php echo $td_mod_single->related_posts();?>
<?php $category_detail=get_the_category($td_mod_single->post->ID);//$post->ID
foreach($category_detail as $cd){ $cat_name = $cd->cat_ID; } $exclude_current_post = $td_mod_single->post->ID; echo do_shortcode('[vc_row][vc_column][td_block_3 custom_title="All LATEST STUFF" separator="" post_ids="'. -$exclude_current_post .'" category_id="' . $cat_name . '" limit="6" td_ajax_preloading="preload" ajax_pagination="infinite" ajax_pagination_infinite_stop="3" tdc_css=""][/vc_column][/vc_row]'); ?>
Though it worked properly, but I face two main issues.
1. I am using smart sidebars on each post and usually, it works great. With this infinite scrolling. I noticed that ‘The smart sidebar’ keep scrolling even above the full width infinite scrolling post blocks, and hence it overlaps.
( Here is the snapshot of overlapping – http://i.imgur.com/WCZfHcN.jpg )
How to make smart scroll stops once infinite scrolling starts? I noticed that this site ( http://www.storypick.com/short-film-affair/ ) is successfully able to use infinite scrolling and smart sidebar both. Please help me with this.
Overall, I want to to have a function like this: http://darnkid.com/illustrations-show-the-unique-bond-between-dads-and-daughters/ ( created by tagdiv user Darnkid )
2. Is there any way to have this feature without enabling visual composer for posts? Can we use TagDiv composer for this?
3. While trying for many solutions, I looked at a thread which suggested to el_class=”td-ss-row” for this. I tried using it in the above code. Well, though it stopped the overlapping of sidebar with infinite post blocks, it also disables the smart sticky property of Sidebar. What am I missing here?
Kindly help me with this.
Thank you.
I am trying to figure out the css for adding page numbers for additional posts at the bottom of Block 11 called Spotlight on my site: https://www.tickhounds.com/
I have seen this option on several demos, have installed demos on dummy sites but can’t find the option.
Thanks in advance.
Hello, I build my homepage with the tagdiv-composer and use block 14. If I hover on the thumbnail or the excerpt of a posting in the loop the block title of the post is getting invisible / white (background is white).
Is there a possibility to change this in the theme panel or is there a css code to change the color so that the block title is getting visible instead invisible?
Here my homepage: https://www.awayfromlife.com/
Thank you!
Also, now Google PageSpeed test has gone back down to 24. :'(
In CPanel should I be adding “.css” or not? So: $this->move_style_to_footer_queue(‘demo_style’) or $this->move_style_to_footer_queue(‘demo_style.css’)
Hi,
I did the above and the website receives a speed score of 51 (previously 24) on Google PageSpeed but on gtmetrix.com the PageSpeed score has gone from 53 to 49.
Screenshots:
This is what Google found to be slow: http://prntscr.com/fvuo8j
So I have taken the names in there and found them in the CPanel and adjusted them as the TagDiv instructions say.
To this: http://prntscr.com/fvuomj (I added lines 184 to 187).
When it came to the JS what the Google PageSpeed page showed did not match the code that displayed at the top of my page so I haven’t adjusted any JS – as in I haven’t moved any to the footer.
This is what displayed at the top of my website in the first step:
registered scripts
admin-bar | /wp-includes/js/admin-bar.min.js
wordfenceAJAXjs | http://www.agentinsider.com.au/wp-content/plugins/wordfence/js/admin.ajaxWatcher.js
js_files_for_ace | http://www.agentinsider.com.au/wp-content/plugins/td-composer/css-live/assets/external/ace/ace.js
js_files_for_ace_ext_language_tools | http://www.agentinsider.com.au/wp-content/plugins/td-composer/css-live/assets/external/ace/ext-language_tools.js
js_files_for_live_css | http://www.agentinsider.com.au/wp-content/plugins/td-composer/assets/js/js_files_for_live_css.min.js
js_files_for_plugin_live_css | http://www.agentinsider.com.au/wp-content/plugins/td-composer/assets/js/js_files_for_plugin_live_css.min.js
td-site-min | http://www.agentinsider.com.au/wp-content/themes/Newspaper/js/tagdiv_theme.min.js
comment-reply | /wp-includes/js/comment-reply.min.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wordfenceAJAXcss | http://www.agentinsider.com.au/wp-content/plugins/wordfence/css/wordfenceBox.css
td_live_css_frontend | http://www.agentinsider.com.au/wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css
google-fonts-style | http://fonts.googleapis.com/css?family=Work+Sans:400,600|Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900,600
td-theme | http://www.agentinsider.com.au/wp-content/themes/Newspaper/style.css
td-theme-demo-style | http://www.agentinsider.com.au/wp-content/themes/Newspaper/includes/demos/lifestyle/demo_style.css
So I have done all of the speed steps the TagDiv page says to do but it is still super slow. Do you know why?
An alternate to using SpeedBooster, might be using the ‘scripts to footer’ plugin, which would only move scripts to footer, but not the main CSS. That way the timing is more ‘together’ for base settings and over-rides in the head.
On “sloooooow” connections, you might see the flash of font changes, but if you look at page source and the style css is loading in the head and then the over-rides, that’s about the best you can do.
If you have a modern web host, you *can* look into using https + http/2 — http/2 is the next generation way of serving pages where the entire page is packaged as *one* highly compressed element and served to browser, and not piecemeal.
Chris
Hello,
You can use a column text element and place a centered text: https://www.screencast.com/t/DYfqlHjHLcfQ
You can use the mce editor and html+css to style it.
Thank you!
Hi,
Like Bogdan mentioned in the smart lists there is no option to remove that effect. You could try something else. If you enter the code provided below in the custom css section, the images inside the smart list will not be clickable anymore.
That effect will not be present when the images are clicked, when using the current smart list style.
.td_smart_list_6
.td-slide-smart-list-figure {
pointer-events: none;
}
Thanks
