- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hello Evecta,
Please keep in mind that what you want to do is a BIG update and the theme will be broken because it is totally another theme, sorry!
In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 theme will do not work because all the files from this were changed in Newspaper 8.1 and as the main theme and also you lose all changes.
The Newspaper 8.1 is a whole new theme so an update from 4 to 8.1 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them. Bottom line is that newspaper 8.1 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
I need to use both tagDiv and WPBakery on my site. On one hand, tagDiv Composer is perfect for the homepage, on the other hand I need WPBakery for the articles.
The problem is that when both composers are active, the layout of the articles created with WPBakery is completely messed up. Apparently the only layout option that works is the one with 3 columns. It is not a CSS problem, the width classes are missing from the column div (ex: td-pb-span3 for 4 columns)
Is there any solution to use both of the composers but on different pages?
Thank you
Hi!
To make our website as clean and distraction-less as possible, we are looking for a way to use the mobile (hamburger) menu also on the desktop version of our website. Is that a possibility with a few (CSS?) tweaks in de code?
Looking forward to hearing from you!
Hello llucson,
Please notice that our theme has two ways for displaying the theme for mobile devices -> the first one is General Responsive Mobile and the second one is Mobile Theme with the plugin. So, the General Responsive Mobile Theme will render the same theme’s layout which is displayed on the desktop but in responsive mode. If you will check the CSS theme’s file you will see there that exists such a media queries which gave the theme a special design for mobile.
In the second case, the Mobile Theme using the Mobile plugin, notice that it’s totally different theme’s layout for mobile. Also, for more information about this, please check the next useful guide here -> https://forum.tagdiv.com/the-mobile-theme/
Hope this helps!
Thanks for your understanding!
Hi Catalin, the size of the image is ok. The extra space under the image is where the title, date and excerpt used to be – it was hidden via css. We’re hoping to hide that extra space as well where the title date and excerpt used to be.
Hi,
I believe the ads should not be displayed on the categories that are not selected in the plugin settings
– https://ajdg.solutions/manuals/adrotate-manuals/post-injection/
You could hide the ads with CSS as well for posts in that category, since they are not Adsense ads
– https://www.screencast.com/t/BNbKKWgn1
– https://www.screencast.com/t/aAxqUkcj
This is the code used, it should be entered in Theme panel->Custom CSS and the ads will not be displayed on posts from that particular category
.single .category-obituary .td-post-content .td-a-rec {
display: none;
}
Thanks
Hi,
You could try a code like this for example
– https://www.screencast.com/t/DiXHdjTKUx2
.td-post-content .wpipa {
margin-bottom: 0;
}
.td-post-content .wpipa .adsbygoogle {
margin-top:-50px!important;
}
Enter the code in Theme panel->Custom CSS section.
Thanks
Hello narinder912,
I guess that your problem comes from your speed optimization, sorry. 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 to 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/
Regarding on Google Fonts, notice that if you will follow all the steps from our useful guide, you can move to the footer this render blocking.
Please keep in mind that at the moment, we cannot provide optimization services because this task involves time-consuming and we do not afford to do this, sorry! We only can provide support for basic theme settings.
If you are not aware of these 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!
Hi,
You could increase the width of the element, by default it is like this
– https://www.screencast.com/t/nLuHBj4CRU4
Try a code like the one below for example, if the translation is longer
– https://www.screencast.com/t/7qCuUuu0W2
.td-post-sharing .td-classic-facebook iframe {
width: 135px!important;
}
Enter the code in Theme panel->Custom CSS
Thanks
Hi
When I do a pagespeed test, this line shows as render blocking css: http://fonts.googleapis.com/…
If I block or remove google fonts using Autoptimize, will that break anything in the site?
Thanks & Regards
Narinder
Thanks for the reply – yes I’ve used the custom CSS to increase the height already, but unfortunately in large screens the images get chopped off quite a bit still.
Oh well, if it’s not technically possible, then I will leave it as is.
Thanks again.
I have a problem. I have created custom code, with .class, for many modules at home. Some of these classes are to increase the title font size. The problem is that from the mobile with the plug-in Tag Div Mobile theme activated, it continues to load those classes and the font size come out disproportionate, for example.
Is there a way for mobile to ignore the custom code classes I have applied to the modules in the desktop/ normal version?
Or:
Is there any option for the mobile to load another alternative homepage that I would create expressly without applying custom code to the modules
The problem only affects the homepage
Hello Coin Hero,
If you want to change this color, you should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
a {
color:orange;
}
Thanks.
Hi,
That is the way that post template was designed, there are no options to change the way it displays the featured image or to disable the parallax.
You could set a different height to the image with CSS. The default is like this
– https://www.screencast.com/t/m0RjX2Q8eR
The code would be like this for example
.td-post-template-7 .td-post-header {
height: 900px;
}
If you decide to use it, it should be entered in the Advanced CSS section, desktop field so it would not apply in all situations (it may not display properly for all devices)
.td-post-template-7 .td-post-header {
height: 900px;
}
The theme has different heights for this element, based on width
– https://www.screencast.com/t/83fm0kBa9O
Thanks
Hello gojira68,
Yes, you can do this if you will use such a custom CSS code with post and page ID> Provide the specific URL of your website with the page or post from where you want to hide these sections, so I will be able to provide a more accurate response.
Thanks.
Hello iisnet,
Sorry for this! Please check online because there you will found a lot of this kind of manual, like here -> https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool
Hope this helps!
Thanks.
Thanks Catalin the URL is https://seemslegit.com.au/
And an example screenshot is at: http://www.screencast.com/t/sgAkbey6S7db
There it’s showing both the feature image (which I’d like not to be displayed) and the other version of the image I wanted to have at the top of the article.
I’ll want to do this on several posts, so if it’s possible to send me custom CSS code for this where I can just change the post ID to use it on other posts, that would be great.
Hi Simion,
many thanks for your feedback!
I’ve tested the demo page you shared, and works fine from all devices and browsers.
It’s not easy to say under which circumstances my personal devices (mac and windows 10 pc) don’t visualize my page correctly, cause they just don’t, as shown in the screenshots I’ve shared.
The page that doesn’t work and I would like to be the home page moving forward is the following:
https://www.sgaialand.it/sgaialand-magazine-home/
With the relative code:
[vc_row][vc_column][td_block_big_grid_4 category_id=”” td_grid_style=”td-grid-style-1″][/vc_column][/vc_row][vc_row full_width=""][vc_column][td_block_video_youtube playlist_yt=”Aq9mvcNmX5A, uHh58pMmXJA, nelwu6quals, VMEqn3vEXu0, PPpEnoZb6nQ, AuG1UAcexNs, LPmlnk7FLXU, Wjb-eYCCsK4, 5-vxMQ-aCLQ, ecsnsnPHxO0, sHZ9ir5YyQU, LH4A-AyLUc0, VY3sAFcU6ok” playlist_title=”SgaiaTube”][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block_4 custom_title="ARTICOLI RECENTI" offset="3" block_template_id="" limit="4"][/vc_column][vc_column width="1/3"][td_block_ad_box spot_id="custom_ad_1"][td_block_17 custom_title=”SGAIA BLOG” category_id=”1471″ limit=”1″][/vc_column][/vc_row][vc_row][vc_column][td_block_4 category_id="14" custom_title="EVENTI" block_template_id="" limit="3"][/vc_column][/vc_row][vc_row][vc_column][td_block_14 custom_title=”LO SCATTO DELLE MERAVIGLIE” category_id=”1156″ limit=”3″ ajax_pagination=”load_more” td_ajax_filter_type=”” tdc_css=”eyJhbGwiOnsicGFkZGluZy1ib3R0b20iOiIxIn19″ block_template_id=””][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block_11 category_id=”9″ limit=”3″ custom_title=”TRAVEL” tdc_css=”eyJhbGwiOnsiYm9yZGVyLXN0eWxlIjoiaW5oZXJpdCJ9fQ==”][/vc_column][vc_column width="1/3"][td_block_3 custom_title="FOOD" category_id="5" limit="2" ajax_pagination="next_prev"][/vc_column][/vc_row][vc_row][vc_column][td_block_instagram instagram_id="prendila_sgaia" instagram_header="off" instagram_images_per_row="5" instagram_number_of_rows="" instagram_margin="2" custom_title="I VOSTRI #PRENDILASGAIA SU INSTAGRAM" block_template_id=""][/vc_column][/vc_row][vc_row tdc_css="eyJhbGwiOnsicGFkZGluZy1ib3R0b20iOiIwIn19"][vc_column width="2/3"][td_block_2 custom_title="INNOVAZIONE" category_id="1" limit="8"][/vc_column][vc_column width="1/3"][vc_single_image image="16094" height="250" image_url="http://www.myho.it/" open_in_new_window="yes"][td_block_17 custom_title=”SPORT” limit=”1″ category_id=”704″][/vc_column][/vc_row][vc_row][vc_column][td_block_3 custom_title="LIFESTYLE" category_id="726" limit="3"][/vc_column][/vc_row][vc_row][vc_column][td_block_5 custom_title="FASHION & BEAUTY" limit="6" category_id="" category_ids="4, 7"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][td_block_14 limit=”3″ custom_title=”ARTE” category_id=”700″][/vc_column][vc_column width="1/3"][td_block_14 custom_title=”CULTURA & SPETTACOLO” limit=”3″ category_id=”2″][/vc_column][vc_column width="1/3"][td_block_14 custom_title=”ARREDO & DESIGN” limit=”3″][/vc_column][/vc_row]
Maybe the two things are not related, but I noticed that from my personal devices I also can’t save changes in the theme panel. I can do it from the same computers that can visualize the page above correctly.
Hope this helps, thanks again for your help.
Kind regards
Hi,
I believe that is happening because of a custom code that modifies the height of the element
– https://www.screencast.com/t/hTsEIWOzJri
If this code is supposed to reduce the height on desktop, please move it from the custom CSS section and enter it in Theme panel->Advanced CSS in the desktop field. The the code will only apply on desktop. Then clear any installed cache and check the results.
Thanks
Thanks! That solved the issue.
Also got this response from Visual Composer about this:
“The issue is because theme author has modified our default column classes using: https://wpbakery.atlassian.net/wiki/display/VC/Change+CSS+Class+Names+in+Output
You can get in touch with him and get rid of the above code to get it back. Kindly check.”
Anyway – it seems to be solved now.
Hi Catalin, completely understand and would hate to break the theme.
Here’s a sample link: https://rmn.ph/staging-block/
Using block 3 – Title, meta, etc. were hidden via css so it would only show the image (we prefer the size of block 3 images)
Wondering how we can get rid of that extra space under the image.
Thanks!
Hi there
I can confirm my SEO software detects 121 errors (404s) because of the error indicated above, here is one example “http://whatsapp//send?text=Spanish+pop-up+dinner+at+The+Dobblers+Inn%20-%20http%3A%2F%2Fspanishwineries.co.uk%2Fpop-up-dinner-dobblers-inn%2F” – I tried to use the CSS to remove all reference to WhatsApp, but it doesn’t fix this issue. Can I also remove WhatsApp from the mobile site in the CSS?
Thanks
Hello,
sorry there is a problem with the theme and WPML. I am looking for how to remove the roll out on the main menu, and there is no option. The configuration for the main menu is exactly the same and no custom CSS.
Do you know if there is an option on the theme to remove that ? and myabe it’s a bug ?
Look the screenshot : https://www.nextstephub.com/next/
Thanks
-
This reply was modified 9 years by
GregWasThere.
Hello monicacortes,
Please keep in mind that what you want to do is a BIG update and the theme will be broken because it is totally another theme, sorry!
In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 theme will do not work because all the files from this were changed in Newspaper 8.1 and as the main theme and also you lose all changes.
The Newspaper 8.1 is a whole new theme so an update from 4 to 8.1 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them. Bottom line is that newspaper 8.1 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
A code like this will remove the socials and login from the mobile menu
– https://www.screencast.com/t/mEvrihEd7g
Enter it in Theme panel->Custom CSS section
.td-menu-socials,
.td-menu-login-section {
display: none;
}
Thanks