- 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
Hello,
To edit the font size for this message you need to use a custom code CSS -> https://i.imgur.com/G13Bmw2.png
.no-results h2
{
font-size: 50px;
}
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hi,
Do you want to be like this -> https://i.imgur.com/FjaYkUj.png
If yes, then use this custom css:
header .td-post-date {
margin-left: 0;
}
I recommend to set it only for the mobile, so if you are using the responsive eversion set it here -> https://i.imgur.com/hr8MCHA.png
If this is not what you mean, please let me know!
Hello,
Please let me know what Single Template you use from tagDiv Cloud Library or Theme Panel.
If you have a Single Template from tagDiv Cloud Library, you can try to hide the Single Post Views from the tab called “CSS” -> https://i.imgur.com/IyOYDHq.png for post template from Theme Panel, you need to use a custom code CSS to hide it and try after this to see if the option to show popular articles the last 7 works.
.td-post-views
{
display: none;
}
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hi,
If you want to only remove the counter from the posts, then the easy and fast solution will be to use a css. Let the option enabled in the theme panel ad add this custom css:
-> https://pastebin.com/eHCJBDTz
Set the code in the theme panel > analytics/ codes -> https://i.imgur.com/LIEFK2l.png
I hope this will help you!
Thank you!
Hi all,
I’ve created a very simple header with header logo and menu/search from a blank header cloud template. I’m pretty good at code, but often bumble around until I find with CSS.
I’m having a lot of trouble centering it. I have it set to 1200px (to match the page content) and centered horizontally. The zone is centered and set at 100% as well. I’ve tried margins being auto, etc, but can’t find the magic setting.
Since it’s in the works in the tag div cloud editor I can’t share a link but have this image.

I’m grateful for any help!
Karin
In some of the modules and single post, the author and date details are appearing oddly (see here https://ibb.co/tpFNzqK). When the text is wrapped, the second line seems to indent slightly rather than run flush with the text above. I’ve tried a bunch of CSS attempts to fix it and nothing seems to resolve it. Can you offer a solution?
See live example here in mobile mode: https://www.theurbanist.org/2022/01/20/call-to-action-speak-up-for-housing-benefit-districts/
Also make sure you go to ‘settings’ about in Chrome to ensure updated to latest version. I have all sorts of weirdness with Chrome when there is pending update. In chrome you can also do F12 to get to the console view to see if page is generating some error that needs to be addressed in the CSS, or something not loading properly. 🙂
I run the CSS Analyzer and now looks fine… very strange! Thanks indeed
Hello @zlobica!
For homepage, please use “Column text” and “text with title” elements which have a button called “edit content” and if you click on that button, the WP Editor will open and you can add the code there. Close the WP Editor from X, save the changes from Composer and view the page to see the changes.
The Single External Shortcode works only on single post templates. Also, you can set for this one https://prnt.sc/26gwigr in the CSS tab a margin:0 at the bottom to take off that space.
Thank you!
Hello @saf !
Place the element Icon next to your other socials from your header and then you can align it from the CSS tab of the element.
Thank you!
Hello @yukiy531!
RAW CSS is a shortcode/element: https://www.screencast.com/t/yi3uDpLdDd -> https://www.screencast.com/t/EjVkCjmN and you can place it in every cloud template or page. You can’t access the head with the TagDiv Composer.
Thank you!
Hello MINA!
Great! Please delete the code from above and add this new CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.td-header-style-7 .td-header-sp-logo img { max-height: none;
margin-top: -15px;}
Thank you!
Hello,
1. You can change the “Overall Score” from Theme Panel -> Translations -> Translations -> https://i.imgur.com/W7wUfP9.png -> https://i.imgur.com/RLrCvHv.png
2. To hide the number you need to use a custom code CSS
.td-review .td-review-final-score {
display: none;
}
.td-review .td-icon-star, .td-review .td-icon-star-empty, .td-review .td-icon-star-half {
font-size: 30px;
margin-right: 10px;
}
Hope this helps you!
Thank you!
Hello @meri!
Try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.td_block_template_18 .td-block-title .td-block-speech-bubble {
font-size: 33px!important;}
You can change the font-size of your “Speech bubble text” by replacing the “33” from the code with the value you want. But, if you change again the value of the block title, then it will replace the value of “Speech bubble text” automatically again.
Thank you!
This problem remains unsolved with the latest update
Single Post Bg Featured Image cached when used tagDiv CSS Analyzer.
Result: Display the same image on all articles.
Please fix this ASAP.
Hello,
thank you for your reply.
Is it possible to set CSS for each page by using RAW CSS?
Can it be installed in <head> when using RAW CSS?
Please tell me how to use the RAW CSS function.
Hi Anamaria
Finally, I found the solution (in CSS) here in the forum
https://forum.tagdiv.com/topic/top-barmain-menu-assistance-needed%e2%80%bc%ef%b8%8f/
Thank
Jacques
Hi, in the end there was no issue with the theme, it was padding created by the Adverting Plugin. By adding some CSS the padding was removed. Thanks for your time on this Bettina.
Calin, thank you again.
Two more requests:
1) Is it possible to change the wording of ‘Overall Score’ via CSS – i.e. could I change that to ‘Our Rating’ or something else?
2) The stars are shown beneath the number. Is there a way to remove the number entirely, and make the stars bigger instead?
Hello MINA!
Make sure you have the Standard Pack plugin installed and active.
Please add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.td-header-style-7 .td-header-sp-logo img {
max-height: none;}
It seems that your letters are ok now on mobile: https://www.screencast.com/t/qsprt3HNgCCX
If the problem is still there, then please make sure it’s not a plugin conflict or a cache issue, that’s why, deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
Let me know the results!
Thank you!
Hello @yukiy531!
For the page itself only, you can add some custom CSS when you edit the page with the TagDiv Composer and use the element called RAW CSS. If you want to use the LIVE CSS, then the code for an element will appear on each page from your website where that element exist.
Please note that the WP Bakery has a conflict with the TagDiv Composer. Please use only one builder and not both.
Thank you!
Thank you for your reply.
In WP Bakery Builder, the page itself was available with custom CSS.
WP Bakery Builder
https://drive.google.com/file/d/1AhKaOEM3l6odcmbucY9MqF484yo08yKS/view?usp=sharing
Is it possible to use custom CSS for each page even with “Tag Div”?
Hello. This is hard to define. In Hispanicla.com I use Newspaper 11.4 . When clicking on the Main Menu under the logo, on any category, it takes me to the frontpage. I already deleted any redirection plugin. Also I tried all the plugins and the problem is not there. And when I changed from Newspaper to Twenty Fourteen the problem dissappeared.
While on Twenty Fourteen I found this on the header, no idea:
[tdb_header_weather icon_color=”#ffffff” temp_color=”#ffffff” loc_color=”#ffffff” inline=”yes” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn19″ location=”Los Angeles” units=”imperial”][tdb_header_date date_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0xIiwibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn19″ inline=”yes”][tdb_header_user inline=”yes” logout_tdicon=”td-icon-logout” usr_color=”#ffffff” log_color=”#ffffff” log_ico_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0xIiwibWFyZ2luLXJpZ2h0IjoiMTYiLCJkaXNwbGF5IjoiIn19″]
Thank you,
Gabriel
Hi,
URL: pacificherald.com
Prebuilt website: Aramis Pro
Under mobile menu the header logo is not horizontally aligned with the elements to the right as seen here https://prnt.sc/26frg5n. The header element on the left appears to sit a little above the mobile menu and search element on the right.
Would you have a css code to bring all the elements to align evenly?
Thank you.