- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hello aktifje,
Unfortunately, page speed is something you will have to adjust yourself. There is no ‘promised speed’ as this depends on lots of things starting with your server. You need to optimize your site by following this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
The guide shows exactly the steps needed to remove render block js and CSS. There is no easier way to explain it. Please follow every step closely and keep in mind that speed booster has a compatibility list for plugins: https://forum.tagdiv.com/topic/incompatible-plugin-detected/
We can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you. Also, as you can see in our tutorial, these kinds of information are addressed only for ADVANCED USERS.
Thank you for your understanding!
Thank you but I don’t have enough space in my server. I think I am going to probably wait until the next version of VC and see if it is resolved. But you are right when you said that block 18 was not using its proper thumbnail. I have two b-18 beside each other on the homepage and one image is using 696×385.jpg and the other 673×385.jpg. I don’t understand why this is happening!
Can you give me some css that I could use for this block and see if that fixes the problem I have in my local installation? The problem may be that for whatever reason the two big images of b-18 are using other blocks’ thumbnails. That could perhaps also explain why the whole block moves a bit to the right.
Many thanks.
Hi,
This is wat I have on WP:
ommon.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
yoast-seo-admin-global-script | http://rares-mag.com/wp-content/plugins/wordpress-seo/js/dist/wp-seo-admin-global-320.min.js
td_wp_admin | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://rares-mag.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
This is what I have on Google pagespeed test:
http://fonts.googleapis.com/…n+Sans%3A300%2C400%2C600%2C700&ver=4.4.2
http://fonts.googleapis.com/…%2C700italic%2C400%2C300%2C700&ver=4.4.2
http://rares-mag.com/…assets/css/js_composer.min.css?ver=4.9.2
http://rares-mag.com/…ntent/themes/Newsmag/style.css?ver=2.3.6
Please help find the ID. I don’t have other plugins installed.
Thank you.
I know this topic has been raised multiple times, but my question is, do you have a fix coming for the delay in custom CSS loading. This problem defeats the purpose of the Custom CSS (so we don’t have to modify the styles.css file every time the theme updates). This is a problem in both Newspaper and Newsmag. Do you plan to implement a solution for this other than modifying core files? Thanks…
Sorry…. I don’t work here sorry.
You can view my tutorials in the DIY on optimizing the theme with all the various settings I use to get 95+ on desktop and mobile. But mod_pagespeed is just a tiny part of that.
Mod_pagespeed can also be optimized on server which – again, has nothing to do specifically with this theme. For example, is the server using opcache with mod_pagspeed ? Are all the default filters turned on?
TagDiv folk might be willing to share their settings. But, again this is not a theme related issue.
Mod_pagespeed alone won’t fix all the optimizations needed for fastest site speed/loading, etc. — it’s a “helper” …
It does look like you’re using my settings from my tutorial and posts here, so good start. You need to experiment with the other filter settings. Again, I don’t suggest doing any of the merge/move CSS/JS options, as I found it breaks things. Your mileage may vary 🙂
See:
https://developers.google.com/speed/pagespeed/module/config_filters#level
-
This reply was modified 10 years by
simchris.
Sooooo good! It pretty much covers all I asked regarding this. Just one more thing: the hover in posts links doesn’t work as desired. No way to achieve this editing the CSS? Currently it underlines the link but doesn’t change the color.
Hello TagDiv,
I would like to hide the author/date on the Big Grid posts.
Is there a CSS I can use this to: display; none?
Thanks
Hello meremetia,
If you want to exclude the inline article ads from specific categories or posts, you have to use a bit of CSS code to hide it. First of all, you have to get the category ID or post ID for your desired category or post, using your inspector and then you have to use the code below -> http://screencast.com/t/iqos0u0vY -> http://screencast.com/t/tpr1vFp2
Hope this helps!
Thank you for the message!
Hi,
Please help me on this error:
When I check my site with google insights, there are one error for js_compposer.css.
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.aktifje.com%2F
Below is the snippets of the problem:
====================================
Should Fix:
Reduce server response time
Show how to fix
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:
http://www.aktifje.com/…ssets/css/js_composer.min.css?ver=4.11.2
====================================
Apart of that can guide me on the Reduce server response time too?
hi,
I wanted to know, if it was possible to fit the style directly into the header of Newsmag theme to improve the Google Page Speed
eg <style type = “text / css” media = “all”> ….. </ style>
I await your notice, good job
Hello Elsa Furtado,
If you want to change the category tag for category page you have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-category {
background-color: red!important;
}
The result -> http://screencast.com/t/2SXCpsMptTiy
Thanks.
Hi
I’ve looked over your customizations and the page seems to be loaded fine. There would be a little css correction that could be made. You have added a margin-top by 468px on td-a-rec-id-content_top container to push the page content down. This css applies on all posts and if you check one of them there is a huge blank space above the container: http://screencast.com/t/Aid1Q8bRos You can target only the post where you need that margin using its post id class, here is an example: http://screencast.com/t/fq1fsFpKA2C
.postid-129318 .td-a-rec-id-content_top {
margin-top: 460px;
}
This code will add the margin only for the post with id 129318, not for all posts.
Thanks!
Kindly check the source code of Newspaper theme Demo view-source:http://demo.tagdiv.com/newspaper/
They using pagespeed to deliver some JavaScripts and CSS only. I have tried adding pagespeed in .htaccess but it also delivers images (PNG, jpg, jpeg) too. So I just want to know to deliver only JavaScript and CSS
Hi
I assume that you’re referring at post’s excerpts: http://screencast.com/t/LZMw9hsHL3 The excerpt’s font can be changed from theme panel > theme fonts > modules and blocks general: http://screencast.com/t/AwJ0R2JB
Try this css in theme panel > custom code > custom css to hide the logo fro footer: http://screencast.com/t/PMPJzvrZkLsj
.footer-logo-wrap{
display: none!important;
}
Also I’ve noticed that you’re using V 2.3.5 of the theme and the feature images aren’t displayed on the page. Try to update the theme at the current version available on themeforest, V 2.3.6 and also update Visual Composer plugin at V 4.11.2 which is included in theme’s path. Here you can check our documentation for more details regarding the update process: https://forum.tagdiv.com/newsmag-how-to-update-the-theme/ – https://forum.tagdiv.com/newsmag-how-to-update-visual-composer-plugin/
Thanks!
Hello Mayapur Voice
If you want to hide the author name only for category pages you have to use the .category class to do it with CSS code. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.category .td-post-author-name {
display:none;
}
If is not what you mean, please provide more details.
Thanks.
Hello zeni,
All our thumbs sizes are created in td_config.php, as you can see here -> http://screencast.com/t/6y42V3ZW9Sp If you have some experience in PHP/HTML/CSS you should try to create other thumbs with your desired sizes or you can change one of this. Also, please notice that each block is created with some modules like this -> http://screencast.com/t/DJDc3OU0 and here -> http://screencast.com/t/3RBM3AjEatq you can see what kind of thumbs are used in the theme.
Hope this help!
Thanks.
Hello Elsa Furtado,
I suppose that you are referring to the color of Category tag. You can change these only with a bit of CSS code. If you want to give you an accurate code in this regard, please provide your website URL so I can further inspect it closer. If you want to have the same color for each category, you can change it from Theme panel, like this -> http://screencast.com/t/R6EZ4okLn
Thank you for the message!
Hello JohnBull,
As you can see, this is a Visual Composer element and we only use this on our theme and was adjusted it with a bit of CSS for good results in theme. If this element was declared deprecated from Visual Composer stuff, you will have to replace with the newer tab from Visual Composer, like this -> http://screencast.com/t/dFub3BTzTdL The difference between these two elements is about the classes. If you do not have a lot of TABS in your side, we recommend to re-make your TABS with the new element of Visual Composer. Another alternative would be to use the method Search and Replace. Before doing this method, please make a backup of your database and use a plugin like Search and Replace to rename you shortcode:
vc_tabs -> vc_tta_tabs
vc_tab -> vc_tta_section
Hope this helps!
Thank you for the message!
Hello
If you want to hide the date for a certain post, you have to use a bit of CSS in order to do that. First of all, you have to get the post ID, using your inspector and then you have to use the CSS like the code below.
The code is ->
.postid-2540 .td-post-date{
display:none;
}
The result you should see here -> http://screencast.com/t/a5cdcD0cdwQU
For your second question, the difference between these is that in the SOURCE field you have to add the author name/link of the image/post/article, etc and in the VIA field you should add the link/name where you got the information (this is not an author – distribution of information).
Thank you for the message!
Hi,
Unfortunately there is no ticker to show or hide authors. It can be done with css though if you wish to hide the author on a post. Every post has a unique ID and you can target a particular post like so:
.postid-311 .td-post-author-name{
display:none;
}
You can get the post id like so: http://screencast.com/t/xY84kmkwiS
The author of the post can be changed from the bulk edit sectiopn of wp: http://screencast.com/t/vAj4AiBq
Thank you!
Hi Bogdan, thanks
1) To hide post views in posts without use css I comment follow line in single_template_2.php
<div class=”td-module-meta-info”>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false);?>
<?php //echo $td_mod_single->get_views();?>
2) For leave author only on post, an hide from page and categories blocks
may be I could use a condition in
http://screencast.com/t/XAOzPjVnC
Do you have any suggestions?
Thanks
-
This reply was modified 10 years by
Bintmusic.
Hi,
This will take care of most elements in your site.
.td-module-title a{
color: #005b88;
}
.td_module_wrap:hover a{
color:#980000!important;
}
.widget li a{
color:#005b88;
}
.widget li a:hover{
color:#980000;
}
The links you add on posts can be colored from the mce editor. If you add extra widgets in the sidebar and need to be edited as well, you can follow this tutorial on how to use the browser inspector and create a css code: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I hope this helps.
Thanks.
Hi,
Unfortunately page speed is something you will have to adjust yourself. There is no ‘promised speed’ as this depends on lots of things starting with your server. You need to optimize your site by following this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
The guide shows exactly the steps needed to remove render block js and css. There is no easier way to explain it. Please follow every step closely and keep in mind that speedbooster has a compatibility list for plugins: https://forum.tagdiv.com/topic/incompatible-plugin-detected/
Thank you!
Hello Catalin,
1] I have added the css code for moving the logo to the left, but it didnt work.
Therefore i have emailed you the login credentials with Subject post-107118.
2] I am facing another problem, if you can check it. Big Grid 3 is not showing in my home page (i filter the articles via tag).
Thanks in advance,
Magda
Hello Cybi,
Please notice that you have to add the code in Theme panel->Custom CSS area, like this -> http://screencast.com/t/ym0xOHQWN
Thanks.