- 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
Hi,
For this, please use this custom css for mobile :
body .td-pb-span12 .alignwide {
width: auto!important;
}
Set the code in the theme panel > custom code > advance css > phone – https://prnt.sc/gmHKEhHeMQeQ
Thank you!
Hi,
The solution that I can offer is to use a custom css that will hide it from the header zone on mobile, the css is:
.td-header-sp-rec {
display: none!important;
}
This should be placed in the theme panel> custom code > advance css > phone – https://prnt.sc/x13Vx2tifJvC
I applied the css you suggested. This fixed the problem for the desktop but displays in case of mobile devices remains unchanged, body content touching the device edges. Please advice.
Hi,
Ok, I see that you have the default shortcodes from theh woo plugins and not the shortcode from tagDiv Composer, therefore, those are coming with a custom css that has the width set on 1400px instead of 1200px – https://i.imgur.com/e9hNz8a.png
Now the simplest and fastest solution in this case is a stronger css like this one:
body .td-pb-span12 .alignwide {
width: 1200px;
}
This css should be set in the theme panel > custom code > custom css.
I hope this will help you!
I have installed Newspaper Kids Store theme on my site http://www.sunerzy.in. I am facing problem with cart page and checkout page alignments. Cart & Checkout forms are overflowing the screen instead of aligning with the website title/logo. I tried to fix this using custom css but not able to solve. Can you please help. Screen shots attached.
Checkout Page Screenshot: https://sunerzy.in/doc/sunerzy-in-checkout.pdf
Cart Page Screenshot: https://sunerzy.in/doc/sunerzy-in-cart.pdf
Hi marcnyc,
Your problem is not even related to the theme is related to the cache settings you have (you are using lietspeed check the css and js settings).
Your website with cache, is looking like this https://prnt.sc/CrX2H9yjpeMv. Without the cache is looking correct – https://prnt.sc/QtYw86mm4q99
Hi,
Our theme do not have this option, but it can be achieved using the Revolution Slider – https://www.sliderrevolution.com/design/horizontal-scrolling-website/
Or you can use CSS, HTML and JS – https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_gallery_scroll
Thank you!
Hi there,
I’d like to create a gallery row in the builder that users can scroll/drag sideways (horizontal scrolling). I’m currently using Justified Image Grid to display my photos, and I was thinking of placing that gallery inside a row, then making the row itself horizontally scrollable.
Is something like this possible with the TagDiv/Newspaper builder? If yes, what would be the recommended approach (CSS/class settings, etc.)?
Hi,
Thank you for being our client!
It appears that the type of underline you have is custom (because this is increasing when you hover over the link), which means that a ss like this one has been used:
.tdb_single_content a {
border-bottom: 1px solid #ea9e2c;
}
.tdb_single_content a:hover {
border-bottom: 2px solid #ea9e2c;
}
My recommendation is to check in the theme panel> custom code> custom css and look for the above css, find it and change the color ( #ea9e2c) – https://prnt.sc/dlDPsCG65vyw
Hi Calin – all caches have been flushed by our tech support team for our site, and all non-logged in device caches have been flushed, but the problem persists and ONLY related to this particular Page (create from Cloud templates). Our tech support team has advised: “It may be worth reviewing the code used to build the new page. In many themes, custom CSS is added specifically for mobile and tablet views. If this is not configured, the layout typically defaults to the desktop CSS, etc., which does not always display properly across devices. I am not certain whether the TagDIV Newspaper theme supports this behaviour, but I would expect that it does.
Since other pages appear to be functioning correctly, this points to a likely issue within the code of the newly created page itself.
I understand the header and footer part, thanks.
Ok, if the problem doesn’t happen when you are logged in, then this is related to the cache settings and this is usually related to css and/or js settings from the cache.
Hello,
This issue is often caused by additional CSS or a plugin affecting the articles. Could you please share the website so I can take a closer look?
Thank you!
Just to reconfirm.
I remove the previosu CSS codes that you had sent. Replace them with the following.
body .disable-click .td-image-wrap {
pointer-events: none;
}
or
body .disable-click .td-module-container,
body .disable-click .td_module_wrap {
pointer-events: none;
}
AND
I put “disable-click” in “Extra Class” field of that Module where the click is to be disabled. Have I understood right. Thanks.
Hi,
What you can do is to add to teh code an extra class and set that class on the blocks you want to remove the click option https://i.imgur.com/Fimm5LS.png and the class should be set in the provided css after body, for example:
body .disable-click .td-image-wrap {
pointer-events: none;
}
I hope this will help!
Hi,
The system status is OK. What you should do is resolve the issue with the image that was set to load in the cloud header menu as a background image. The image has been deleted from the media library, but it is still linked to some rows, which can cause loading speed issues.
Please follow my example: edit the homepage, select the header menu row, and check the CSS tab. Where the background image is set, click “Remove,” then save your changes – https://prnt.sc/iZ-izfb-0jyd
I see, in this case you can use this custom css:
body .td-image-wrap {
pointer-events: none;
}
Set the code in Theme Panel → Custom Code → Custom CSS.
This will ensure that when a user clicks on an image, nothing happens, but clicking on the title will still link to the article.
For a more general solution that prevents clicks on the entire block, you can use the following code:
body .td-module-container,
body .td_module_wrap {
pointer-events: none;
}
Hello, we have a template purchased Newspaper on mivemi.cz, I click on the search icon, then the search field, it disappears and I can’t click on anything else on the website.
The same on mobile. A few people looked at it, but no one knows what to do with it…
I deleted and put back css, head, body and nothing helped, so there is no error there. Then I disabled plugins and disabling the tagdiv plugin helped, but then again all the edits from the logo to every text that I made disappeared.
Does anyone know what to do with this, please?
I don’t know how to code, so I’ll write something for beginners. Thank you all
Hi,
The color is applied to the row as a background. To change or remove it, select the row in tagDiv Composer, go to the CSS tab, and adjust the background color or image there:
To modify the caption text color, open the image element and use the CSS tab:
For the call-to-action element, I’ll need either a screenshot or a link to better understand the setup, along with details about how you want the text formatted. If you’re using the WordPress editor, you can simply select the text and apply bold formatting:
If it’s not using the WordPress editor, you may need to use HTML tags instead:
Thank you!
Hello,
I encountered an issue when setting a background image for a Row in the builder.
When I select an image from the media library, the generated CSS automatically inserts the thumbnail version of the image (for example image-300×197.jpg) instead of the full-size image. Because the row spans the full width of the page, the background ends up being stretched and the image appears pixelated.
Example of the generated CSS:
background-image: url(…/uploads/2026/03/image-300×197.jpg);
Instead of:
background-image: url(…/uploads/2026/03/image.jpg);
This seems to happen automatically when assigning a background image to the row, and I do not see an option to force the full-size image.
Could you please let me know if there is a setting to control the image size used for row backgrounds, or if this behavior might be a bug?
Thank you for your assistance.
Hi! I added raw html code for ConvertKit to the top of my home page in it’s own row. Then I went to the CSS tab and told it to hide it. Well it hid it well. I can’t see it now. I can’t click on it. I even did custom css code to highlight all the areas on the home page to see if I could find it that way and it did all of them except for that one. How can I find it so I can change the code please?
Thank you!
Melissa
Hi,
I understand, but as I mentioned earlier, the best solution would be to use a database backup.
In your situation, if only the post has been affected, it may be related to the post template CSS from the single post template might be causing the issue. You could try switching to a different single post template to see if that resolves the problem.
Alternatively, the issue could be caused by CSS that was manually added to the post content when it was created. Unfortunately, in this case, I don’t have a guaranteed solution other than using a database backup.
Thank you!
Hi,
This can be done globally using the theme panel > block settings > meta info on modules/blocks – https://prnt.sc/Gqkq89C2K4QB or specific only on that element with css, but it is recomanded the first option.
Thank you!
Hi,
Hmmm, do you not have a backup of the database or for the entire website? Related to the css, this depens were set. If it is set in the theme panel, it will be saved in a place, in the database. If it is with composer, in pages, it will be saved in the post/page in the database. If it is in the composer, depending on whether it is a page or a cloud template. But in your situation, I believe that a database backup will be the best solution.
Hi,
I made a mistake by changing “.” to “. ” in all posts using the plugin “Better search replace”, now my css looks like exemple :
line=height: 1. 1
What are the type of posts that Newspaper uses
Best regards
Hi,
This situation appears when you are logging in. If not, then it can be related to some css/js settings from the cache/optimization plugin.
Thank you!