- 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 add:
.tdi_33 .tdb-menu > li:hover > a, .tdi_33 .td-subcat-more, .tdi_33 .td-subcat-more > .tdb-menu-item-text{
color: #aaaaaa;
}
To your CSS and It seems working, but If you can verify that I didn’t mess up anything else I will be really happy!
Thank you:)
Hello Anamaria!
Well it worked like a charm!
There is just little hatch, and that is – It turns off hover effect in my Top “STICKY” Menu with items “Domu, Lidé and Shop”.
Again you can compare it with my home page and with every other category.
On my homepage there is slightly graying hover effect, unfortunately after the application of CSS this hover effect is gone on very category site.
Can be tweaked the CSS code you posted to work it like this?
Sorry for my English, but I hope if you compare the Top Sticky Menu on my homepage with the any of the sticky menu in the categories you will see the difference.
Thank you for your help!
Thanks, that’s exactly what I wanted to achieve.
Site is not yet in live mode, I’ll try to experiment with suggested CSS and see the results.
Hello,
Our CLS scores are being impacted by the theme. We use the mobile theme and our latest posts as homepage, but your new CSS Analyzer doesn’t show up in the menu option above.
Is there a way I could improve our CLS scores and/or run the CSS Analyzer?
Thanks
Hello,
To remove the unwanted effect and to have the same effect like on the header from homepage, please use this custom code CSS => https://www.screencast.com/t/1KWbOiDOv
body .tdb-menu > li:hover > a, body .tdb-menu > li.tdb-hover > a, body .tdb-menu-items-dropdown:hover .td-subcat-more {
color: #FFFFFF;
background-color: #000000;
}
.tdb_header_menu .tdb-menu > li > a:after {
display:none;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Hope this helps you!
Thank you!
Hello,
If you have the “more from author” and “Related Articles” in a tab like this -> https://i.imgur.com/ZuIs8Y1.png then you are using standard -> https://forum.tagdiv.com/design-post-pages-using-default-templates/ therefore in theme is only one option that disables both options -> https://i.imgur.com/M8bUmQu.png if you want to keep those templates the only way to remove the “more from author” tab is to use a custom CSS like this one:
.single .td-related-right{
display: none;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Hope this helps you!
Thank you!
Hello,
Unfortunately, users can’t vote a post, the review is what you set on that post => https://www.screencast.com/t/GVuYAq1GN
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
Our tool is running only on normal pages and not for posts or categories for example.
Check our video for more information about how to use it: https://www.youtube.com/watch?v=tnkVapqhIHc&ab_channel=tagDiv
Thank you!
Hello there, I am experiencing an issue with my menu with categories. On my main page everything works fine, but if you click on one of the categories (BLOG, TRAVEL, SMART, etc.) on the category page you will see a new unwanted hover effect(blue underline) on all titles of my menu and top header menu. It appeared after the update on new WP 5.7 and also new Newspaper Theme 10.4.
Here is the link to my homepage where everything is good: https://blogneblog.cz
And here is one of the categories where it is messed:
https://blogneblog.cz/smart/
I was trying to solve it out with CSS customization, but so far no luck.
Could you be so kind and help me solve this issue.
Btw. in the TagDiv composer looks everything good without the unwanted hover effect, but after trying to save it it is just not taking the effect.
Thank you for your help.
Hello @trebol30,
To remove the link on the author name, please use this custom code CSS => https://www.screencast.com/t/tUbmjm1NfFtV
.tdb-author-name{
pointer-events: none;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Hope this helps you!
Thank you!
In the description of the last update, I think I read that users can vote using a star system to rate posts (something similar to the plugin rating starts). How is this done?
Can I use it in the predefined layouts or just by creating a new layout?
Taking advantage of the thread, where can I see the video where they explain the use of the css optimizer?
Thanks
Hello !
I have tested this on my side and it could be done using CSS to hide the subcategories as you can see here: https://www.screencast.com/t/QUpYAyHZ4
We will need a link to your website in order to see how the code should look like on your end.
Thank you !
Hi,
About the CSS, normal it is recure to it only if the settings from the theme panel are overwriting (like in your case), also we have a guide for how to inspect the elements from website and in this way you can see what CSS it is used https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Also for the menu, you can use this custom css -> https://i.imgur.com/ykmm0Lg.png
.sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: blue;
color: white;
}
Hope this will help you!
I added a custom font in the theme panel. >> https://drive.google.com/file/d/1ctNTlvAYWr3h2PGCmn4aPkp-OMh1LlD5/view?usp=sharing
This font is for body text only. I added this here for all body text elements >> https://drive.google.com/file/d/1rvyDze8-HlacoUd0wPs_3csodMYVi-P-/view?usp=sharing
Now the question:
Is it useful to change the font in the theme CSS file as well?
>> https://drive.google.com/file/d/1xj8SCx6vfdypORZL25KZG3xmdY3tBoF5/view?usp=sharing
Or to add it in the Theme-Child style.css?
Hello!
Click on the header row and change the background color from the CSS tab of the row’s settings.
Thank you!
Hi!
If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
Take a look in these topics because it could help you if you have the latest update:
– https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
– https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/
Thank you!
Hello!
To achieve this, please do the next steps:
1. https://www.screencast.com/t/kF0iUG1ojie
2. Add this code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
@media (max-width: 767px)
{ .new_class_centered .td_block_template_3 .td-block-title { text-align: center;}}
Thank you!
I am really curious if you are reading thoroughly the 2 lines I am writing to you each time. I have described above that any custom font I am using is covered with a Barlow font which is marked as !important in the theme’s CSS. Please give me a solution. Is just about fonts guys, you ve made one of the best theme’s out there and you don’t seem to understand some basic stuff. Cmon ?
Hi Vlad,
yes, that is the standard setup. And it works fine. But if this Fashion category has some subcategories in it, the mega menu will show on the right a column with subcategories names, that you can hover on and see ajax refreshed articles in megamenu from that subcategory.
My question is can I just skip this subcategory list in the megamenu with some css or any other tweak.
But you are sending me to read something that I already told you that it doesn’t exist. https://forum.tagdiv.com/wp-content/uploads/2017/05/subsets.png
In ver.10.4 there is no such setting. I’ve tried to load custom fonts but anything I do an !important mark in the theme default css code puts Barlow font as the main font.
This is annoying. Please help!!
Thank you!!!!
I like to play with Css, but I don’t know where to find the codes. Is there a guide or something?
I mean, the documentation I read explains mostly basic things. Or, every time I need something I need to ask you?
I mean, I would prefer to have access to codes and play around, and if I fail to do something, then ask you.
Can you also give me a code for the main menu active/hover? I want to change the white color in the Newsmag default demo.
Thank you very much!
Hello !
Can you let me know if the issue is still available only with theme plugins active. If the issue is still there we can take a look via e-mail at contact@tagdiv.com and provide the following:
– admin url and credentials
– A link to this topic in order to identify you
Our team will take a look !
Also please note that this plugin is still a BETA version, however there have been a pretty big number of users that have updated and have found using CSS Analyzer be useful.
Thank you !
Hello,
Please try this code
.single .td_flex_block_1 .td_module_wrap:nth-child(3) {
clear: inherit;
}
Set the code in Theme Panel ->Custom code -> Custom CSS ->
Thank you!
Hi,
If this is what you want -> https://i.imgur.com/OcsyCKb.jpg
Then try this css :
.td-pb-span4 .td_block_template_1 .block-title {
margin: 5px 0 30px;
display: block;
line-height: 1;
text-align: center;
}
.td-pb-span4 .td_block_template_1 .block-title span {
font-family: montserrat,arial,sans-serif;
font-size: 18px;
line-height: 1;
text-transform: uppercase;
font-weight: 500;
color: #222;
background-color: transparent;
padding: 0;
position: relative;
display: block;
top: 0;
}
.td-pb-span4 .td_block_template_1 .block-title span:after {
content: "";
display: block;
width: 40px;
height: 3px;
margin: 10px auto;
background-color: #5380fc;
}
Set the code in theme panel> custom code> custom css and all header from sidebars will have that layout.
Hope this will help you!
Thank you!
Hi,
About the tiktok icon, it looks that the code from our theme from icons is deprecated and that it is way is no longer display.
For the moment the only solution is to use an icon and set it with css.
Also I will search for anther methods to provide a fix.
Thank you!
Hi Bettina,
I have tested the new tool (Css Anlyser) and our website is not had a good results. Are there another things for performance?
We are extremally worry with this. The low performance was show us after the new version the newspaper theme.
Thank you.