- 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
There is any way to hide it completly for non admins?
using CSS ? or using remove_menu()? or using remove_node()?
Hello,
To have something like this, you need to create a custom code CSS.
.entry-title::before,
.td-module-title::before {
content: "Live ";
display: inline-block;
padding: 5px 10px;
background: linear-gradient(45deg, #ff0000, #ff4d4d);
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
border-radius: 20px;
margin-right: 10px;
animation: pulse 1.5s infinite;
vertical-align: middle;
}
/* Pulse animation */
@keyframes pulse {
0%, 100% {
box-shadow: 0 0 10px rgba(255, 0, 0, 0.8);
}
50% {
box-shadow: 0 0 20px rgba(255, 0, 0, 1);
}
}
/* Optional: Hover effect for title */
.entry-title:hover::before,
.td-module-title:hover::before {
background: linear-gradient(45deg, #cc0000, #ff0000);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}
You need to add an extra class on the block where you want to have the icon and add it to the code.
Thank you!
i am the new webmaster of a website called newsbytes.ph which uses newspaper theme, the theme files came from a zip called ‘themeforest-h0r3fwjr-newspaper-wordpress-theme’
i do not have the license key because the original webmaster cannot be contacted. I need support because my version is only 12.6.5.
I tried updating it but i got the
The website is suffering from occasional malware so i have to update everything and this is the only item i cannot update.
When i tried to click update the whole site turns into shortcode, like this:
[/vc_column][/vc_row][/tdc_zone]
the situation is similar to the issue described here:
https://wordpress.org/support/topic/my-website-is-showing-code-only/
https://wordpress.org/support/topic/css-code-showing-on-home-page-newspaper-theme/
please help thank you.
Hi there,
I’m using the “Page Links To” plugin to redirect some custom post types (created with ACF) to external sources. I also set Rank Math to automatically add the target=”_blank” attribute for external links to open them in a new tab.
Some of these posts don’t have links to external sources, but are left to open on the single post page directly on the site, so they are internal.
Using the TagDiv Module feature, I created a custom display for the specific post type (“Business”). Within it, I’ve added the “Module Read More Button” element and some custom CSS to display this button only for internally redirecting businesses:
https://prnt.sc/2t_nfnymDpep
CSS code used:
.tdb_module_read_more a[target="_blank"] {
display: none;
}
Everything is working properly until it comes to using any of the “Next Prev”, “Load More” or “Infinite Load” pagination:
- CSS code works for the first displays of businesses:
https://prnt.sc/cXfuEyCQbUYz
target=”_blank” attribute being correctly associated:
https://prnt.sc/0d92HKZkuAWR - Once pagination is used, the posts on the next page display the “Read more” button even if they are external:
https://prnt.sc/qVIj8VKGW3H2
target=”_blank” attribute disappearing:
https://prnt.sc/Hr5AnsgqSC3Q
This also happens and if go back to the first page, the target=”_blank” attribute disappears and the “Read more” buttons are displayed.
This doesn’t happen with the “Normal Numbered” pagination type, but that’s only available for the “Flex Loop Builder” element. If I want to use the “Flex Block Builder” (in order to filter the custom posts based on multiple terms), that pagination type is no longer available, so having to use one of the other three, causes the problem described.
I would really appreciate your support in solving this issue!
Thank you in advance!
Hi,
.td-post-views
{
display: none;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Thank you!
Good but I still use the old theme panel, I think I need a css script to put in the personal code
Hello,
A workaround is to use this code
.tdb_single_content .id_top_ad + figure {
display: none;
}
Set the code in Theme Panel – Custom code – custom CSS. This will hide the image that is set at the top of the post content.
Thank you!
Hi,
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 add/remove it https://i.imgur.com/svyHb9d.jpeg -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/
Thank you!
My website is bugged somehow. My header css’s appeared in my site as text. Then i removed the Top header menu but now ı cant enable the Top header menu. Any idea about how to solve this problem guys? Screenshots are below as links.
Hello,
I reinstalled plugins, but error is not resolved.
Dashboard Page is’t working and get error:
You might want to edit your wp-config file to turn on the debugger built in to wordpress and specify the error log option, then look at the error log that generates.
This info is in the WordPress CODEX
https://codex.wordpress.org/Main_Page
EDIT WP-CONFIG file in root of your WP install—
Find this line near the bottom of the file:
('WP_DEBUG', false);
Replace it with this code snippet with debugging configuration:
// Enable WP_DEBUG mode
define( 'WP_DEBUG', true );
// Enable Debug logging to the /wp-content/debug.log file
define( 'WP_DEBUG_LOG', true );
// Disable display of errors and warnings
define( 'WP_DEBUG_DISPLAY', false );
@ini_set( 'display_errors', 0 );
// Use dev versions of core JS and CSS files (only needed if you are modifying these core files)
define( 'SCRIPT_DEBUG', true );
I have an issue on my planned site cheeselogs.co.uk that I can’t seem to resolve easily regarding the header.
I have installed the header REEL NEWS PRO on the site, it displays fine on desktop but on mobile view there is no white space between the end of the header and the start of the post (as seen on the left).
Using the Inspect function on the website, I can force it on the .tdi_3 tag.
The CSS would be:
@media (max-width: 767px) {
.td-container, .tdc-row, .tdc-row-composer {
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-block-end: 18%;
}
}
But I can’t seem to make this work on custom code.
Have got myself into a right tizzy with this header … have added custom code to force display of the SVG to none, and have probably added additional unlogical code to try and get it to do what I’m intending.
Some pointers would be appreciated. Thank you!
(For a future update, please consider adding more customisation to the header to make it easier to adapt)

It worked, but is it normal that I can only edit the section in style.css?

Hello!
Unfortunately, no. There is only the background image option from the CSS tab of the element.
Thank you!
Dear all,
I am following the suggestions here to achieve the purpose that was discussed here. However, when applying the suggestion from our fellow user furkan-g, when we display categories, the background of the categories is extended to the top. Would it be possible to adjust this via CSS so as not to break the category style when applying the aforementioned suggestion?
Hello!
There seems to be a border. Check in the tagdiv Composer in the CSS tab of the element.
Make a test and deactivate ALL plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache, and try again.
If the problem is still there, then please get in touch with us via email at contact@tagdiv.com and provide the following:
– admin URL and credentials
– a link to this topic to identify you
I will check and try to help you as soon as possible!
Thank you!
Another situation I need help with is that I’m using custom css to align the site’s final text in the footer. Without this css configuration, the text is all misaligned. What is the alternative for me to eliminate this CSS code and leave the text aligned naturally?
thanks!
Hi there
I’m using the Newspaper theme. Every time I add content which includes an apostrophe, the apostrophe appears with a space after it.
So what should read:
for our companions, it's often the exact opposite
actually reads
for our companions, it 's often the exact opposite
This happens for all words with apostrophes in them, whether I use a ‘ or a ’ style apostrophe.
If I change from the newspaper theme to another theme, then the extra spacing disappears.
I’ve checked in the MySQL database and there are no extra spaces in there. There are also no extra spaces in the html so it looks as if it may be a css issue?
Really happy with the theme but unless this is solved I will need to move elsewhere.
Thanks in anticipation for your help.
Hello,
Upon a quick analysis, I noticed that you’re using an older version of the theme.
I recommend updating the theme to version 12.6.8 and checking for malware.
After you update the theme, you need to update the theme plugins too.
In the worst cases, the settings in the theme panel may be lost (there have been isolated cases), in these cases, after the theme plugins that were previously used are activated, you will have to use a backup for the theme panel -> https://forum.tagdiv.com/import-export-theme-settings/
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.
If you want, you can contact our custom work team here, and they can help you update the theme safely: https://tagdiv.com/premium-customization-services/
Thank you!
Hello Claudiu,
1.3 The pro is added using this custom code CSS -> https://i.imgur.com/YBfqUU3.jpeg. You can delete the code CSS.
1.3.1 CSS is used for the logo, menu, and news ticker flex blocks -> https://i.imgur.com/shKyAKR.jpeg, so it is recommended that you check if this is no longer used before deleting it.
3. The theme colors are used for standard templates. For example, the colors for search, mobile menu, and back to top are still used. So, you can create your global colors in manage and use them on all templates.
4. The empty rows are not displayed in the front end; they are only displayed when you edit the page with tagdiv Composer. So, I don’t understand what you mean by ” How do I know the order and the number of columns and elements inside a row?” Can you please provide screenshots and more details?
7. The icons are added with HTML and CSS, so I recommend using that guide to add icons to the menu because they are easy to add.
/////////////////
1. Yes, the theme has the option for undo-redo, but it is disabled. Please open a page in tagDiv Composer, then click on Manager and then on settings -> https://i.imgur.com/KuvxEl6.png. Enable the option and should display the arrows for undo and redo ->
https://i.imgur.com/nxnyvw1.png Check this guide https://forum.tagdiv.com/tagdiv-composer-website-manager/
2. Yes, there is an option for hover color; please check the tab style https://i.imgur.com/sno3ST3.jpeg
3. These are not recommendations specific to any theme but rather general guidelines applicable to all websites, regardless of the theme used.
General Image Size Recommendations for Mobile:
For mobile display, image sizes are adjusted to ensure both performance and quality:
-
Featured Image: 600 x 400 pixels (or up to 720 x 480 pixels for high-resolution screens).
Thumbnail: 150 x 150 pixels (used for list or grid views).
Post Images: 600 – 800 pixels wide (suitable for both mobile and tablet displays).
General Image Size Recommendations for Desktop:
For desktop displays, larger image resolutions are typically used:
-
Featured Image: 1200 x 800 pixels.
Thumbnail: 300 x 300 pixels.
Post Images: 1200 – 1600 pixels wide (depending on the layout and design).
4. Please remove the align settings that you made and set this on the row https://i.imgur.com/mMokZ65.png
5. You can use the SCF plugin to create a custom field, and after, you can set the text and show it on the category template using the custom field element -> https://i.imgur.com/9bfKMKw.png -> https://i.imgur.com/1IoLb8T.png -> https://i.imgur.com/qE4g6oW.jpeg
For each category on the flex block, there is a special filter for the current category, which dynamically displays the posts from that category within each category -> https://forum.tagdiv.com/flex-block-settings-guide/
The Posts Loop automatically filters the posts depending on the cloud template you set (for example, on the category page, there will be posted posts from that category) https://forum.tagdiv.com/posts-loop/
5.1 Please check this topic https://forum.tagdiv.com/topic/how-to-add-different-sidebare-for-different-posts-with-the-same-category/
5.2 You can assign an individual header on the page like this: go to the manager and set the header template that you want -> https://i.imgur.com/whZRjpm.jpeg not global, then only this header will be on that page—the same steps for the footer.
Have a great weekend!
Hello,
You have malware on the website. Please update to the latest version 12.6.8
If you want to update the theme, you should download the latest version of it from the Theme Forest account and download it.
I recommend that you update the theme manually https://forum.tagdiv.com/how-to-update-the-theme-2/ via FTP/cPanel/File Manager, also if possible disable extra plugins during the theme update to avoid any problems that may arise and make sure that you have activated the tagDiv Standard pack plugin to keep the website’s look. You can try to update the theme on a staging website.
After you update the theme, you need to update the theme plugins too.
In the worst cases, the settings in the theme panel may be lost (there have been isolated cases), in these cases, after the theme plugins that were previously used are activated, you will have to use a backup for the theme panel -> https://forum.tagdiv.com/import-export-theme-settings/
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,
Thank you for your answers and your time.
1. I see.
1.2 Ok, got it.
1.3 See attachement. I could delete ‘living’ & ‘magazine’ which were text, but pro its still there. Image – Show, Text – Hide, Icon – Hide (so it’s not an icon). Also for mobile if it’s different.
1.3.1 What is that CSS code (under logo) box for? Can I delete it or will affect something?
2. Ok.
3. Got it with Global colors for tagdiv. But what about theme settings colors? For entire website, no matter page, category, post, sidebar, header, footer. Do I have such a setting that works and it’s recomended?
4. How I know the order and the number of columns and elements inside a row? I don’t want unuseful extra boxes. Is there a list or another way to take a look at them without hover each pixel?
5. Ok.
6. Ty, I did it.
7. You didn’t answer my actual questions about menu’s icons which look like tagdiv code vs Font Awesome. I found these icons for example for mobile menu burger, but there is no use case for them in main menu like you actually did it in demos?
Hands-on again, I will give it some extra time. So here are some extra specific questions:
1. Is there an option while editing with tagdiv to Undo the last action(s), like Ctrl+Z or a button somewhere?
2. Where do I edit hover color for links in menu? It’s a theme setting or a tagdiv editing setting?
3. What’s the recommended size for mobile for each of demos? Where can I check it for desktop / mobile? Like you used to have in theme settings 272×90 and so on.
4.1 See attachement. I can’t handle to align them like logo to the left and menu and search to the right. I tried even to align all to the left, but doesn’t work with these settings. Row + Column + Elements SS:
https://ibb.co/D74gYq8
https://ibb.co/vh24tbB
https://ibb.co/DRNbNBB
5. How do I know if i’m editing a single category or a template for all categories? My scenario: I want to create categories with more text. I found the category description element, but I need more and I have only one description field / element.
The final result should be:
– category description
– grid flex
– other category description (I guess I don’t have 2nd description with tagdiv) / personalized rows for each category (even if it’s manually for each of them)
5.1 Personalized ‘sidebar’ for each of the categories it’s possible? Like different filters for each of them.
5.2 Regarding global / per page edit. How do I know if I’m applying header changes for entire website, or just for ‘this’ page.
Thank you too!
Hello,
You can use the color of the title whitehttps://i.imgur.com/K0Mwtb6.jpeg, set a space or use this custom code CSS
.tdb_single_content .td-adspot-title
{
display: none;
}
Set the code in Theme Panel – Custom code – custom CSS.
Thank you!
Hello!
We optimized the theme but not the demo content. We did not find it important because our clients don’t use the data from our demos, only the design that can be easily improved to the new rules of the page speed tools. If you do not use some plugins for optimization, you cannot fix it from any theme. You can check our changelog to see that we optimized the theme and added options to minify aggregate inline CSS and many options for delay. We optimized the composer to load only what’s needed and where it is needed. We also improve the font loading by introducing new options like global fonts to specify alternative font stacks for iOS and Android. We also specified that the support team does not cover page speed.
If you are disappointed with the latest update of the theme, using all the options for your website’s performance, then you can request a refund here: https://themeforest.net/refund_requests/new
Thank you!