- 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 Calin, thanks to your precious advice, I have managed to fix the infinite loading on my second website by disabling/re-enabling a couple of security plug-ins.
So I have pasted the same css code from your last comment, but for some reason, on that website, the css code doesn’t make the text and button visible on my “image info box” blocks as you can see on Firefox on the side bar: https://australie.bucket-list.fr/visiter-sydney-le-guide-complet-des-incontournables/ for the campervan image and the plane image for example.
Would you know what could be causing that?
Thanks a lot.
Hi,
It appears that the banner is set as background image on the element from menu, so to resolve this the best way will be to set the text transparent:
.tdb_header_menu .tdb-menu .btn a .tdb-menu-item-text {
color: transparent;
}
Please set the css in the theme panel > custom code > custom css.
I hope this will help you!
Hey currently I am trying to edit one LI menu in header menu, where in the menu I put a small banner instead of text like the rest, but the problem is the text from the original menu appears over the banner, like this:

And the website url: https://keuangannews.id/, please how to achive that, I just want to remove the text that appears on the small banner, I have tried many things to change the menu (li), i just can’t find the right CSS to only modify that specific li menu, what I am planning to do to set its font-size: 0px so there’s no text appear over the banner.
rthank you
Hi,
Cna you please provide a link where I can check this? Also some screenshots with the settings and I will see if there is an option that can resolve this or it can be done only with css.
Thank you!
Hi, for the galley edges, please try this css:
.post_td_gallery {
border-radius: 5px;
}
Hei guys I want to change the text on menu on header into clickable small banner, i have managed to place the banner on one of menus, but the problem is the text of the original menu appears on the banner, how to remove it, I tried to set the font-size: 0px, but I failed to find the specific css for the li menu, can anyone help?
Please try this custom css:
.td-doubleSlider-2 .td-button .td-border {
border-radius: 5px;
}
.td-doubleSlider-2.td_center_slide2 .td-button {
border-radius: 5px;
}
.post_td_gallery {
box-shadow: 2px 2px 8px #000;
}
Set the code in the theme panel > custom code> custom CSS.
Hi Julie, hi Calin,
Thank you both so much for your quick and helpful replies – that was exactly what I needed!
@Julie – your tip about checking the Theme Panel → Background & Social Links was spot on. Really appreciate you sharing your workaround!
@Calin – the screenshots were incredibly helpful and guided me straight to the solution. I’ve now completely removed the background image and social icons from the mobile menu – all done cleanly via the Theme Panel, no extra CSS needed. Perfect!
Big thanks to the entire tagDiv team for your great support and such a flexible, powerful theme. Keep up the awesome work!
Best regards,
Greg
Hi,
If you want to make those changes for the tagdiv gallery https://forum.tagdiv.com/gallery-2/ it can be done with a small CSS. If you have an example with the layout, I can provide the CSS code for you.
Thank you!
HI,
If you are using a single post template, then you need to use tagDiv Composer, edit the template and select the post content, then adjust the CSS size – https://i.imgur.com/EJyPnO3.png – https://i.imgur.com/1fdbsc5.png
Thank you!
Subject: Mobile menu shows old background image + social icons, cannot find them in Composer
Hi tagDiv team,
I’m using your theme with the “Shop Audio” template and working with tagDiv Composer.
I’m having an issue with the mobile (hamburger) menu:
When I open the menu, it shows an old background image (with speakers) I didn’t add – and I can’t find it in the Composer to remove or change it.
Also, social media icons (Facebook, Instagram, etc.) appear at the top, but I can’t find them in any row/column in the Composer either.
I double-checked:
The correct header & mobile templates are assigned.
The elements are not visible in the structure panel.
I had to hide them using custom CSS, which works but isn’t ideal.
❓Question:
Where exactly can I edit or remove the background image and the social icons in the mobile menu, when they are not visible inside the Composer?
Thanks for your support and for providing such a great theme!
Best regards,
Greg



Hello,
The featured image on the single post template 12 will not resize correctly for mobile. I have changed every single option in the composer tab, custom CSS, and the image will not move or do anything.
What do I need to change to get the image to respond to mobile size?
Thanks
Hello, I’m using the Newspaper theme with the default Gutenberg block editor. In the editor, all H2 and H3 headings appear correctly styled and sized. However, when viewing the live post, those same headings are rendered extremely small—almost unreadable—on all devices and articles.
I haven’t made any CSS customizations or used a child theme. The site is running WP Super Cache, but clearing the cache doesn’t fix the issue. The problem seems to be related to the theme’s default CSS or its compatibility with Gutenberg heading blocks.
How can I restore proper heading sizes on the frontend without switching to tagDiv Composer? Any help would be appreciated!
I’m glad that you managed the situation with CSS!
If you want to remove the link effect from logo I can provide a CSS.
.tdb-logo-a{
pointer-events: none!important;
}
Set the CSS in the theme panel > custom code> custom CSS.
Hello!,I beleive we are ok!
final css:
.redbg3 > .td-element-style > .td-element-style-before {
background: #9B2A2A;
background: linear-gradient(
90deg,
rgba(155, 42, 42, 1) 0%,
rgba(221, 51, 51, 1) 50%,
rgba(105, 29, 29, 1) 93%
) !important;
}
In homepage in the row with the main banner image and the right colum in the news the background seems to be applyed two times since there is a td-element-style in the right colum as well..
i tried the css with no sucess:
.redbg3 > .td-element-style::before,
.redbg3 > .td-element-style::after {
background: #9B2A2A;
background: linear-gradient(
90deg,
rgba(155, 42, 42, 1) 0%,
rgba(221, 51, 51, 1) 50%,
rgba(105, 29, 29, 1) 93%
) !important;
}
also the gradiond options you mention dont seem to apply the effect we wish.
anyway to fix the css rule please?
Hi,
Please use this custom css:
.gallery-columns-1 .gallery-caption {
position: relative;
}
Set the code in the theme panel > custom code > custom CSS
Thank you!
Hello,
Now I understand, you want to use only on certain rows and these will use the extra class redbg3, correct?
For this, you can use the row option – https://i.imgur.com/GKKCEtE.png – https://i.imgur.com/mEOQOhY.png – https://i.imgur.com/HJ34Md3.pngor set the class on row https://i.imgur.com/Z7TRuGI.jpeg and apply the CSS like this:
.redbg3 .td-element-style-before,
.redbg3 .td-element-style::after{
background: #9B2A2A;
background: linear-gradient(90deg,rgba(155, 42, 42, 1) 0%, rgba(221, 51, 51, 1) 50%, rgba(105, 29, 29, 1) 93%)!important;
}
Hi,
You can edit a page using tagDiv Composer and import that section from cloud – https://i.imgur.com/i0u6vYv.png. That effect is made using CSS on elements with CSS td-kattmar-module-bg https://i.imgur.com/ZiHvVxf.png – https://i.imgur.com/iddJuZ8.png
Thank you!
Hi,
If the problem wasn’t there before the CSS, the replace the code with this one:
@-moz-document url-prefix() {
.single .tdm_block_image_info_box .tdm-image-description {
position: absolute;
top: inherit;
}
}
Hi,
Please remove the above css and try this one:
@-moz-document url-prefix() {
.tdm_block_image_info_box .tdm-image-description {
position: absolute;
top: inherit;
}
}
I hope this one will provide better results!
Hello, we have send an email to support on 20&22/7 for this topic can you check it?
You have had credentails for admin if needed from another recent ticket.
Short info:
we would like to remove background images:
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-desktop-1.svg
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-desktop-2.svg
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-mobile-1.svg
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-mobile-2.svg
and replace them with this css class (already available). this css is not possible to achieve with tagdiv of course.
.redbg3{background: #9B2A2A;
background: linear-gradient(90deg,rgba(155, 42, 42, 1) 0%, rgba(221, 51, 51, 1) 50%, rgba(105, 29, 29, 1) 93%)!important;}
Full info on email.
Thank you.
Buna,
Am inteles ce doriti sa obtineti, insa este posibil sa nu ma fi exprimat suficient de clar.
In prezent, atunci cand folositi tema Newspaper si deschideti un articol, prima imagine apare de doua ori (https://i.imgur.com/A8ub9nk.png). Acest lucru se intampla deoarece template-ul folosit afiseaza automat imaginea setata ca featured image, iar aceeasi imagine este inclusa si ca prim element in continutul articolului.
O solutie permanenta, care se aplica tuturor articolelor, este folosirea unui single post template din tagDiv Cloud Library, din care sa eliminati elementul de featured image. In acest fel, articolul va ramane neschimbat ca structura si continut, doar ca nu se va mai incarca si afisa acea imagine duplicata. https://i.imgur.com/UHQiuld.png https://i.imgur.com/212sYqY.png
O alta varianta este ascunderea imaginii din continut folosind un cod CSS. Totusi, aceasta optiune o ascunde doar vizual imaginea va continua sa fie incarcata in pagina, ceea ce poate afecta performanta.
Sper ca am reusit sa explic cat mai clar situatia.
Multumesc!
Hi,
Please do not share private credentials on the forum. I recommend changing the password.
The elements from the top bar should be easy to change, just make sure that you select the element – https://i.imgur.com/tuwlklT.jpeg – https://i.imgur.com/zGHPsbx.jpeg https://i.imgur.com/s3y22P3.png
For logo is used a SVG image is used that should be removed or replaced – https://i.imgur.com/bhdfiyM.jpeg This should be done for all logo elements from your website (footer, header logo and sticky logos)
The image with the track is set on row in CSS tab. The image is set as background image – https://i.imgur.com/5xICgBj.jpeg
I hope this will help you!