- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello sfarazali,
1)The background image is added from the Theme panel and it will be applied to the whole website. Please check here -> https://www.screencast.com/t/qVJXhNSpp
2)You can try using the Visual Composer and add the Tabs element.
3)You should try using such custom CSS code. Follow the next useful guide to create your own custom CSS code -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hi, I did that but there was no change to the page. I copied the code and pasted it at CSS custom code at theme panel. Then saved settings. Then reloaded the page. There is no change to it. Here is the address to the page: https://nutropedia.com.br/?p=77
I was using a widget (cool tag cloud) to have a better designed tag. I turned it off, but still that tag is not showing
Hi, I did that but there was no change to the page. I copied the code and pasted it at CSS custom code at theme panel. Then saved settings. Then reloaded the page. There is no change to it. Here is the address to the page: https://nutropedia.com.br/?p=77
The theme stylesheet in the speedbooster plugin is this one
– https://www.screencast.com/t/usBhproxtF
If you remove or comment that code the theme style.css will not be affected by the speedbooster plugin and moved to the bottom of the page.
Additional question — if it’s not a leftover of the speed booster, where in the theme files is defined what CSS/JS files etc are loaded in the header or in the footer, so that I can modify it manually?
I’ve deactivated the plugin, even deleted it (due to rendering problems) — but somehow … it seems to be still active, a lot of CSS/JS is still at the bottom. Can this even be possible? Thanks.
Hello jnex,
You should try using the code below and place it in Theme panel -> Custom CSS area.
.td-post-template-7 .td-post-title .td-category {
margin-bottom: -170px;
}
.td-post-template-7 .td-category li {
margin-left:15px;
}
The result is here -> https://www.screencast.com/t/Gy2h9yxd
Thanks.
Hi,
That could be done only with CSS code at the moment. I could try and give you a solution, for example this code will work for post template 8 you mention
– https://www.screencast.com/t/QQFfuivSS (default value is 570px)
Modify it if necessary, then enter it in Theme panel->Custom CSS
.td-post-template-8 .td-post-header {
height: 370px;
}
For post template 7 – https://www.screencast.com/t/DUvixU4E (default is 700px)
.td-post-template-7 .td-post-header {
height: 500px;
}
Thanks
Hello trailblazer,
Please notice that the speed of your website depends on how well your site is optimized. Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Thanks for your understanding!
Hello Sgommo,
Please edit the style.css file and remove the !important tag from there as a quick solution until we will fix it in the future update. Check here -> https://www.screencast.com/t/At8IM07eC
Thanks for the message!
How to remove style.css files from speedbooster plugin?
I edited speedbooster and removed these lines from td-speed-booster.php
`/**
* here we move the css
*/
function css_mover() {
//if ($this->td_theme_name == 'Newspaper') { }
// wp 011 - Newspaper 6
$this->move_style_to_footer_queue('bbp-default-bbpress'); //bbpress old
$this->move_style_to_footer_queue('bbp-default'); // bbpress
$this->move_style_to_footer_queue('contact-form-7');
if ($this->is_ie === false) {
// move style.css theme style
$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('td-theme-child');
$this->move_style_to_footer_queue('td-theme-woo');
$this->move_style_to_footer_queue('td-theme-demo-style');
$this->move_style_to_footer_queue('td_live_css_frontend');
$this->move_style_to_footer_queue('td-theme-bbpress');
}
$this->move_style_to_footer_queue('font-awesome-four');
//@todo test on newsmag
$this->move_style_to_footer_queue('woocommerce_prettyPhoto_css'); //on product page
$this->move_style_to_footer_queue('woocommerce_frontend_styles'); //old woocommerce?
$this->move_style_to_footer_queue('woocommerce-layout');
$this->move_style_to_footer_queue('woocommerce-smallscreen');
$this->move_style_to_footer_queue('woocommerce-general');
//$this->move_style_to_footer_queue('bp-legacy-css');
//google fonts
$this->move_style_to_footer_queue('google-fonts-style');
//move revolution slider css
$this->move_style_to_footer_queue('rs-plugin-settings');
$this->move_style_to_footer_queue('genericons'); //still rev slider
//$this->move_style_to_footer_queue('js_composer_front');
}`
But still having the same issue.
How to remove style.css files from speedbooster plugin?
Hello AhoraRoma,
Try to use the code below and place it in Theme panel -> Custom CSS area.
.page-id-1169 .td-header-wrap, .page-id-1169 .td-footer-container, .page-id-1169 .td-sub-footer-container, .page-id-1169 .sd-sharing-enabled, .page-id-1168{
display:none;
}
The result is here -> https://www.screencast.com/t/RDAeHS6RqH The bottom section comes from such a plugin with this functionality like Jetpack or something like this and if you want to remove that section we recommend to disable that plugin and all of untested plugins.
Thanks for your understanding!
Hi,
Seems the table has fixed width just as I thought. This is what causes it to not display properly on mobile. However a code like this should fix it
– https://www.screencast.com/t/cP3s88l8
Enter it in Theme panel->Custom CSS section and check the results
.td-post-content table {
width: 100%!important;
}
Hello,
Congrats on your theme.
Great work.
I’m managing a medium to high news website (~20k users/day).
We are currently using Cloudflare’s cache everything rule.
We have an issue with the theme because if an author checks the frontpage or any category page when its not cached by Cloudflare, Cloudflare caches the admin version.
The admin version of the page shows an edit button near the top left of the image of the article (on hover).
So this is viewable to the visitors as well.
On the other hand the edit button is not visible to the author/admin if the page is “cached by the visitor first”.
We need the same functionality as “POST SETTINGS” > “Ajax view count (keep counting with cache plugins)” > “ENABLE / DISABLE AJAX POST VIEW COUNT” which works great even with Cloudflare’s cache everything rule so the edit button is loaded after page load via AJAX.
If that not possible at the moment please let me know how to disable Edit button all together(PHP).
I’ve tried to hide with CSS (display:none !important;) but that’s hackish and unsecure solution.
Kind Regards
Hi,
In the style.css file, under Site Wide > Forms , does the textarea tag have to be set in that way?
The settings are overriding any other css for the textarea tag which has been set by other plugins.
Can the height/min-height not be set for the object instead e.g. td-comment-form etc
I have fixed my problem by manually commenting out the height/min-height temporarily in the style.css file, but think it would be better if the textarea was set by class name instead.
Thanks
Michael
Hi! Im traying my best but couldnt fix it so far. The page i want to set up as the home page is this one https://ahoraroma.com/prueba4/
Should I write down that code on the TAGDIV composer? (CSS?)
Thanks again!
Hi,
Basically this is related to website optimization and speed in relation to how CSS works. There are some topics that you can read in this matter, a few here
– https://forum.tagdiv.com/topic/old-css-ghost-colors/
– https://forum.tagdiv.com/topic/theme-flashing-default-blue-top-bar-before-loading/
I couldn’t say why exactly this is happening. Maybe try a code like this to cancel that enormous padding (enter it in Theme panel->Custom CSS)
– https://www.screencast.com/t/w1fjkk0mh
.single .fluid-width-video-wrapper {
padding-top: 0!important;
}
.single .fluid-width-video-wrapper iframe {
position: relative;
}
Hi, I`m saving live css but it is not working. How can I send you my credentials so you could take a look at it for me?
Thank you!
Hi Simion,
Sorry but I don’t get your anwser.
The screencast that you sended me doesn’t seem to solve the problem. And the code doesn’t seem to work either. I placed the code in advanced css section and have multi-purpose header style 2.
This is the result that I am trying to achieve : http://www.screencast.com/t/A4XwAOeH
HI,
All those images seem to be the default images used in the theme demo ads. Remove them from the theme panel ads section and the will not appear as mixed content anymore. There are online guides you can check when moving to a new domain
– https://www.quicksprout.com/2015/09/16/the-simple-guide-to-moving-your-wordpress-site-to-a-new-domain/
– https://wedevs.com/92444/change-wordpress-site-address/
There are also SSL guides for mixed content and other related issues
– 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/
Maybe these guides will be helpful to you and you can take care of all the issues.
Thanks
Hi,
Thank you for your appreciation of the theme, there are many new features to come in future updates.
That is right, big grids do not have a title such as block. In this case you can use a title element on top of the grid
– https://www.screencast.com/t/l8NQhGj5RkI
To reduce the space between the title and grid you can use the CSS tab of the row containing the grid
– https://www.screencast.com/t/SBnsYbxBm0Sl
By setting a negative margin top for the row with the grid, it will be pulled up. This would be one way of doing it.
Thanks
Hello alecaus,
Check if the Speed Booster is enabled in System Status. It can be disabled if you are using some untested plugins which are not tested with it. Otherwise, please check the following topic from here -> https://forum.tagdiv.com/topic/security-and-backup-always-incompatible-with-speed-booster/
Please notice that the speed of your website depends on how well your site is optimized. Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Thanks for your understanding!
Hello AhoraRoma,
You should provide your website URL so I can inspect it closer and provide a more accurate code. You should target your desired pages by page ID. Use the following tutorial to learn how you can create your own custom CSS code. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for the message!
