- 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
I’m using the Gourmet Pro header template that uses Flex Block 1 as a sticky menu showing recent posts (desktop). The sticky menu’s height varies by post title length, and long post titles make the menu oddly tall. I have successfully limited the number of posts to 8 per row, but nothing I have tried seems to affect the title length. I have tried these settings:
General > Content length > Title length > 25
General > Content length > Excerpt length > 25
I have also tried changing Theme Panel > Excerpts > Excerpts type from On Words to On Letters. It shortened the titles on the mega menu, but it didn’t affect the sticky menu.
CSS > Height 77px
You can see it on my site when you scroll down a bit on any page: https://www.hungrypinner.com/. Am I missing a setting, or does this need to be controlled with custom CSS?
Hello, we are facing a strange issue with the thumbnails in our site. In our homepage (only in mobiles and only in the homepage) the thumbnails for each article are (very often) wrong, meaning that, the picture is different from the one in the article.
Inside the article the picture is ok and, as said, in laptop/pc they are ok too – this only happens in mobiles (both android and iphone).
This started after the previous update and you can see an example in the picture below (on the left the wrong thumbnail and on the right the full post with the correct image).
Note: this is corrected when we use the Clear Used CSS option from wp-rocket plugin. Thank you!
Kind regards,
Hi, i have a situation.
It’s about the minicart of the woocommerce.
On mobile (not only), if i add to many items in the cart it goes out of the viewport.
This means, the user cannot scroll to the checkout and cart buttons so he can finish his order.
Do you have a solution for this? I mean, without writing css code because i already did this, but i cannot figure out how to always show the scroll bar on mobile devices. The problem is solved, but the scroll bar does not appear and the user may not know he needs to scroll in the minicart to reach the buttons.
This is the code:
.tdw-wmc-widget-inner {
max-height: 400px;
overflow-y: scroll;
position: relative;
-webkit-overflow-scrolling: touch;
background-color: white;
}
Waiting for your reply.
Hello!
You can use only some CSS code or add them manually in the post’s title.
Unfortunately, we don’t have this option in our theme.
Thank you for understanding!
Thank you Calin, I have changed all the values in the css files from 1140 to 1280 and from 1141 to 1281 but it still gets overridden by something.
I believe its some js code that sets the default viewports that I cannot find. If you can please point me to those files, I think I can solve the problem.
The goal is to have the Desktop breakpoint at 1280 instead of 1140, everywhere (including in the composer preview). If it cannot be changed, then unfortunately the theme will not work for our purpose and all the design work will have to be redone on another theme. 🙁
Hi mixalisandrou, If I correctly understand you want to change the breakpoint in the theme files, now this is a little over hand because it will be need to edit many files, you should start with wp-content/themes/Newspaper/style.css continue with wp-content/plugins/td-composer/legacy/Newspaper/assets/css
I believe it will be easier to use cloud template and set the row width you want – https://forum.tagdiv.com/tagdiv-composer-tutorial/ – https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/ – https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
Hi, Anamaria,
I do have those plugins activated. I have tried with and without cloud templates to no avail (same problem). In fact using templates I do see a logo but I cannot change it (I can but it is not reflected). Whenever I see the resulting page code, it just shows the css class for text logo, never image.
Any hints what can be left behind in the database (just the uploaded files folder was restored after migration)? How can I remove everything from the database that could be causing problems?
Thanks in advance,
Jose
Hello!
1. It’s global and the code shouldn’t be found in the Custom CSS from the theme panel.
2. Uninstall the Mobile theme and AMP plugins.
3. Try to disable this option: https://app.screencast.com/uKDvHvO5wGnCh, save and check again.
Thank you!
Mam. i tried I have tried tweaking major options like adding lazyload, css class, php code but I failed.
Also i tweaks on lightbox setting in Gutenberg editor, still i don’t get any solution.
I have three questions (two issues):
1. Where is Live CSS stored? Is it global or unique to that page? It doesn’t appear in the Newspaper Custom CSS section.
2. When I’m in mobile and go to checkout, it tries to load the AMP or mobile theme with grey blocks, but never loads. I don’t want the AMP/Mobile version to load. I want the responsive mobile version to load.
3. On Desktop, the cart and checkout page content extends several pixels outside of the white content container. Why is this?
Hello, I need to modify the breakpoint from tablet landscape to desktop to be 1280 instead of 1140
I’ve changed all the relevant @ media values in style.css but it gets overridden by something.
Where can I find the code that defines the breakpoints in the Newspaper theme?
Hi,
If you are using the Gutenberg editor, then there will be no sidebar in the editor, this will look like this -> https://i.imgur.com/F6PUBhU.png
If you are using some classic editor plugin, then the sidebar can be removed only from the files, for this, you need to go in -> wp-content/themes/Newspaper/editor-style.css and comment these lines of CSS -> https://imgur.com/EpWJhGZ
Hope this will help you!
Thank you!
Hzllo
thanks for your answer
i ve suppress td-post-views from style.css but i steel can’t see number of view in the print post ?
https://prnt.sc/w-nGD4etI4LO
Hello!
There are the same settings, but only the default style is different with some spacing.
You can use some CSS code as well and there is an option to give a custom class in the extra class field from the General tab of the element.
Thank you!
Hi simchris, you are right, for the moment there is no option to remove those elements and the easier solution is a custom css to hide the comments and post count elements. Now in case you want to remove them so will no longer be loaded on the page, then you need to edit it in the file – wp-content/plugins/td-composer/legacy/Newsmag/parts/page-author-box.php – https://i.imgur.com/yWViXaj.png
Thank you!
This plugin failed to load properly and is paused during recovery mode.
An error of type E_ERROR was caused in line 166 of the file /home/sassoobx/public_html/wp-content/plugins/td-composer/td-composer.php. Error message: Uncaught Error: Failed opening required ‘css-analyze/css-analyze.php’ (include_path=’.:/opt/alt/php80/usr/share/pear:/opt/alt/php80/usr/share/php:/usr/share/pear:/usr/share/php’) in /home/sassoobx/public_html/wp-content/plugins/td-composer/td-composer.php:166 Stack trace: #0 /home/sassoobx/public_html/wp-includes/class-wp-hook.php(324): tdc_plugin_init() #1 /home/sassoobx/public_html/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters() #2 /home/sassoobx/public_html/wp-includes/plugin.php(517): WP_Hook->do_action() #3 /home/sassoobx/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_wp_booster_functions.php(236): do_action() #4 /home/sassoobx/public_html/wp-content/plugins/td-composer/legacy/Newspaper/functions.php(22): require_once(‘/home/sassoobx/…’) #5 /home/sassoobx/public_html/wp-content/plugins/td-composer/td-composer.php(191): require_once(‘/home/sassoobx/…’) #6 /home/sassoobx/public_html/wp-includes/class-wp-hook.php(324): {closure}() #7 /home/sassoobx/public_html/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters() #8 /home/sassoobx/public_html/wp-includes/plugin.php(517): WP_Hook->do_action() #9 /home/sassoobx/public_html/wp-content/themes/Newspaper/includes/wp-booster/tagdiv-wp-booster-functions.php(3): do_action() #10 /home/sassoobx/public_html/wp-content/themes/Newspaper/functions.php(20): require_once(‘/home/sassoobx/…’) #11 /home/sassoobx/public_html/wp-settings.php(668): include(‘/home/sassoobx/…’) #12 /home/sassoobx/public_html/wp-config.php(110): require_once(‘/home/sassoobx/…’) #13 /home/sassoobx/public_html/wp-load.php(50): require_once(‘/home/sassoobx/…’) #14 /home/sassoobx/public_html/wp-login.php(12): require(‘/home/sassoobx/…’) #15 {main} thrown
Hello!
We have a guide with some tips on why our Composer is not working properly; please check it here: https://forum.tagdiv.com/tagdiv-composer-not-working/.
Examine some other potential interfering factors: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
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.
Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I can offer some suggestion regarding the page speed:
Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.
Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.
Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.
Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.
Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.
Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.
Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.
Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.
Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.
By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.
Thank you!
Hello,
The image is here https://i.imgur.com/yX1Hd1z.jpeg please edit the page with tagdiv Composer, select the row, go to the tab css and here is the background image -> https://i.imgur.com/oeUyVvI.jpeg
Thank you!
Hi,
No, you do not need to add the code there. You need to add it in Theme panel>Custom code>Custom CSS
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 remove it https://i.imgur.com/IkbGWUS.png -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/
Thank you!
Hello,
Please use this code and check if it works .tdm-popup-modal .jp-relatedposts
{
display: none!important;
}
But please note that you have a block with the related posts from the theme, so you can disable the option -> https://i.imgur.com/FL1pUG9.png
Set the code in Theme panel>Custom code>Custom css
Thank you!
Hello!
You can set a value with – for the inline text margin. You can set any z-index value for any element from the CSS tab: https://app.screencast.com/56dJ0RaTP29Df
Thank you!
Hi,
I recommend you do a clean install of WordPress and the theme. Also, the file is license.txt, not with the extension HTML, so you can try to remane it or delete it. Additionally, please check all the files for the strange code.
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!
Thanks for your help Anamaria
I’m still fairly new to WP. What is the code and where does it go – in the element CSS or row or column ?
Incidentally which SEO do you recommend with Newspaper; does Yoast play nicely ? Thanks again
Hi,
An SEO plugin is recommended because it will help make your site more visible. However, if you only use the theme, you might not achieve the desired results. Additionally, for the author, you can use CSS with pointer-events: none;
Thank you!