- 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
How Resize Icon Mobile Menu?? CSS code??
.
.
.
https://ibb.co/n7tgsa
.
.
.
Thanks 🙂
Hi Guys,
I’m hoping you can help me. I’d like to use CSS code to hide the following elements on one specific blog post:
– Date
– Social sharing buttons
– Author bio
– Related articles
– Comments
These are all visible on most posts, and I don’t want to change that. Just looking to remove them from a specific post using CSS code and the post id.
Thanks!
Dave
The provided suggestion there is to add the following code in the custom css theme field
@media (max-width:767px){
.td-entry-crumbs{
display:none!important;
}
}
After adding it, breadcrumbs still appear on mobile.
I’ve put your code in the custom css field of the theme
.td-g-rec-id-content_inline {display: none !important;}
but the ad (it’s an adsense ad) still loads. My category ID is 179. I should include this somewhere??
Hi,
I want to customize css of the “h” tags of the posts.
When I add this from custom css, all of the h3 tags affected.
h3{border-left:6px solid #FF5722;font-weight:700;padding:5px 10px;margin-bottom:10px;font-family:Arial;margin-left:5px}
But I want to customize only h3 tags that inside of the posts.
Hi,
It would require quite some code to make them look exactly like that. You can try entering this code in Theme panel->Custom Css (color and other properties can be changed if you want to)
– https://www.screencast.com/t/YoYroQYydI
.home .td_module_4 .td-post-category {
position: relative!important;
background-color: transparent;
margin-right: 0;
padding-left: 0;
padding-right: 0;
text-transform: uppercase;
letter-spacing: 2px;
color: #4db2ec;
margin-bottom: 2px;
font-size: 11px;
text-align:center;
}
Thanks
Hello,
You seem to have quite a few css rules ion your theme panel- custm css box. Please make a back-up of these css rules and then remove them from the theme panel. Then check the mobile logo again. I suspect the custom code is the cause of this issue. If it’s so you will have to use the advanced css boxes to only target specific viewports.
Thank you!
Hello,
Please try the code like so:
.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 80px!important;
min-height: 75px!important;
margin-bottom: -10px!important;
}
Also if you add the code in the theme panel-> custom css box, check for any errors in the field as any tag left open will cause errors and all code after that will not work.
Thank you!
Hello frankcf,
You should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.single .td-container-wrap, article {
background-color:green!important;
}
Thanks for the message!
The theme is a fresh install from FTP. Adding the CSS code seems to have fixed the display issue. Thanks!
Hi,
It seems none of the stylesheets can be loaded as they are marked as insecure
– https://www.screencast.com/t/jCNudoZK
Here you can find more information about moving to https
– http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
– https://css-tricks.com/moving-to-https-on-wordpress/
– https://yoast.com/dev-blog/move-website-https-ssl/
Thanks
Hello nomoretechno,
You should use a bit of CSS code in order to hide this value. As a quick example, if you are using the Big Grid 3, you should use the following code and place it in Theme panel -> Cusotm CSS area.
The code is ->
.td_block_big_grid_3 .td-post-date {
display:none;
}
Thanks for the message!
Hello,
For this you will need to alter the post template file. The field is not inside the post content so it must be added in.
You will have to remove this part of the code here:https://www.screencast.com/t/NxrxxZ4S
and then paste it here: https://www.screencast.com/t/Cy0aZOv5OX
It could require a bit of further css for positioning.
Thank you!
Hi,
If you would like to remove the categories displayed here
– https://www.screencast.com/t/xQygiF0xhWu
On that particular category template, you could use this code
– https://www.screencast.com/t/D4R5oq21SF
The code needs to be entered in Theme panel->Custom Css
.td_category_template_8
.td-category-siblings {
display: none;
}
Thanks
Hi,
Please try the code provided below, it will remove the category “Blogs” from the Popular categories widget – https://www.screencast.com/t/usxRL0fCb
The code must be entered in Theme panel->Custom Css
.td-footer-wrapper
.td-pb-row
.td-pb-span4 .td_block_popular_categories
ul li
a[href*="blogs"]{
display: none;
}
Thanks
Hello doublemd12,
You should use the margin-bottom if you want to add some spaces at the bottom of the title. Use the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (min-width: 1180px){
#td-outer-wrap {
margin-top: 40px!important;
margin-bottom:40px!important;
}
}
Hope this helps!
Thanks for the message!
Hi,
I’ve enabled gzip compresssion on my site, and most files are compressing fine.
https://servicemuse.com/wp-content/themes/Newspaper/style.css?ver=7.8.1 however does not compress, and there would be a huge reduction in filesize if it did.
Why does this file not compress?
Thanks,
Pete
Hello Douglas,
Sorry, but all the Review settings can be found here -> https://forum.tagdiv.com/reviews-2/ If you want more options for this, you should try implementing it yourself because we cannot provide custom work at the moment, sorry! As a quick solution in this regard, you can try using the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-review-header, .td-review-row-stars{
display:none;
}
Thanks for your understanding!
Hi,
By default the Speed booster plugin will not work when it detects other plugins except the ones from a specified list. More information in these topics
– https://forum.tagdiv.com/topic/help-in-using-speedboost/
– https://forum.tagdiv.com/topic/defer-css-addon-for-bwp-minify-make-newspapper-faster/
Thanks
Hi,
Please ad this css code to the theme panel-> custom css box:
.td-image-gradient-style8:after{
display:none!important;
}
.td-post-template-8 .td-post-header{
background-color:transparent!important;
}
Thank you
Hi,
You could simply hide them with Css on specific width limitations, like the solution provided in this topic
– https://forum.tagdiv.com/topic/hide-breadcrumbs-on-mobile/
That would be easier. If you want to stop them from loading you would probably require to modify all the files from the theme where breadcrumbs are displayed, and create a condition for this if possible. That will probably mean a lot of hard work to achieve.
Thanks
Hi,
Both the codes seem to be valid, and working properly
– https://www.screencast.com/t/ribtSzaEiO4
Just enter the code in the child theme’s style.css file and it will be used by the theme.
Thanks
Hello gkleinman,
This is not a good theme behavior, sorry! You should make a new clean install from scratch via FTP way and try to disable all the untested active plugins which can interact with the theme core files and check the results. As a quick solution, please check the code below and place it in Theme panel->Custom CSS area.
.entry-review-stars{
display:none;
}
Thanks for the message!
Hello ekoloskov,
If you are talking about this page numbers -> https://www.screencast.com/t/0uR7q1cyCzdi, notice that you should use a bit of CSS code in order to change the font size or font family. Try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.page-nav a {
font-family:Arial;
font-size:20px;
}
Thanks for the message!
Hello erastus,
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!