- 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
Bonjour,
Je constate depuis quelques jours un ralentissement du chargement des CSS.
En effet, lors de l’ouverture du site : https://www.planetelille.com/
Le CSS initial (bleu) s’affiche 1 à 2 secondes et le nouveau CSS (codes couleurs du site apparaît).
Theme version i 9.7
Theme database version i 9.7
HTTP channel test wordpress
Theme Mobile Newspaper mobile version
WP Memory Limit 128 MB/request
WP_DEBUG False
Caching plugin WP super cache – for best performance please check the plugin configuration guide here.
Hi,
Indeed, in Newspaper v9.7 the only files that can be set in child theme are functions.php and style.css , but the most parts of customization can be made now using tagDiv Composer and elements from tagDiv Cloud Library, the changes make on modules/blocks can be achieve using flex blocks , in your case you can set a footer page made by you or form cloud with all the elements/widgets you need ->https://forum.tagdiv.com/footer-templates/
Thank you for your understanding!
Hi,
In order to hide/remove the menu and search icons on mobile you can use this custom css
#td-top-mobile-toggle, .td-search-wrapper {
display: none;
}
Set the code in Theme panel>Custom code>Phones -> https://www.screencast.com/t/Novt6YGDKqGO
Hope this will help you!
Thanks.
Hi,
In order to remove that line from post editor you need to go in wp-content>themes>Newsmag>editor-style.css
-> https://www.screencast.com/t/dM52p01U
Please check this similar topic bout how to remove the sidebar from post editor -> https://forum.tagdiv.com/topic/sidebar-on-visual-editor/
Thank you!
Hi,
Can you please let me know the custom CSS to align the header menu at the centre.
Please see the screenshot below to understand what I am trying to ask.
Please reply to this message as I am asking this for the second time.
hello guys, i tried to use users list code as custom page and I need your help to how to replace bootstrap class with right newspaper css class? is there any mapping to understand this? or how to retrieve data to model or blocks if available?
Returned Code:
<div class="col-xs-6 col-sm-3 col-md-2 post">
<a>author/<?php echo $user->ID?>/">
<?php echo get_avatar($user->ID); ?>
</a>
<h4><a>author/<?php echo $user->ID ?>/"><?php echo $user->display_name ?></a></h4>
</div>
or
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="post">
<a>">
<?php echo get_avatar(get_the_author_id()); ?>
</a>
<div class="author">
<?php the_author_posts_link() ?>
</div>
<h4>
<a>">
<?php the_title() ?>
</a>
</h4>
</div>
</div>
</div>
</div>
Hi Vlad, I thought your code solved the problem, but it actually caused another problem. As you can see in the 2 screenshots on the link below the problem is solved on the pages/posts where the menu used to overlay the title on mobile (portrait). But now it has a big extra chunk of menu on all the other pages. So I had to remove the custom css.
Any thoughts?
Hi,
I have a site running a copy of the latest Envato-compliant Newspaper theme that features custom fields, php and CSS. I want to duplicate and copy this to another server, but the developer who undertook the custom work for me is not available for a month.
Given that the limitations of the new theme when it comes to setting up a Child version, please can you advise as to what theme files etc I need to copy across. In case it’s important please note that the second server’s domain is different from that of the first.
I don’t want to use a plugin to undertake this process.
All help appreciated as always.
Many thanks.
Best Wishes
Gary
Hi team! I want to change the color of the subscribe button in the sidebar and submit button of my contact form to black. I have used the CSS but it doesn’t reflect changes. Please help.
Screenshot – https://imgur.com/a/Wtm5BSi
Hi,
This can be achieve only using custom css -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
Thank you for our understanding
Hi,
I could give you a code to remove that space, it will be like this
– http://prntscr.com/nme210
You can enter it in the theme panel->custom code->CSS section
.td-header-style-11 .td-logo-wrap-full {
min-height: 90px;
line-height: 90px;
}
.td-header-style-11 .td-logo-wrap-full .td-logo {
line-height: 90px;
}
The shadow you mention is actually an image, the color can’t be changed for it. How exactly would you like it to be? I could try and modify it’s size. Let me know.
You could also check out some cloud header templates
– https://cloud.tagdiv.com/#/load/Headers
These can be edited with the tagDiv composer and customized. You can import each one with the cloud library plugin – https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Or you can build your own header starting from a blank template
– http://prntscr.com/nme4cc – http://prntscr.com/nme4h6
The predefined header styles don’t have any settings, the cloud headers offer more flexibility.
Thanks
Nice Vlad, the web works correctly.
Thanks for your help! I’m trying to apply that code in the style.css file of the child theme, but it doesn’t works..
Best regards.
Hi,
Please try this custom css
.td-header-sp-logo{
width: 284px!important;
}
.td-header-sp-recs{
width: 728px;
}
https://www.screencast.com/t/YVAHWvRF4
Add the code in Theme panel> Custom code>Custom css
Thanks.
Hi,
This can be a plugin conflict, the opacity for the feature image remain 0, you ca use this custom css
body .td-backstretch {
opacity: 1;
}
Set the code in Theme panel>Custom code>Custom css
Thank you!
Hello !
1. In order to hide those icons you will need to apply this CSS code #td-mobile-nav .td-social-icon-wrap { here: https://www.screencast.com/t/6vHARUv2pcv and it should look like this: https://www.screencast.com/t/hmT2VoO1wAox
display: none;
}
2. That is becaue you have the Mobile Theme plugin from the theme panel active. The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
Thank you !
Hello,
I would like to make bigger the bubble with the number of likes above sharing box (facbook) at single post sharing. I can see that it show via an iframe show i cannot add css to this element. Is there a way to do this?

Thanks
Hi, tagdiv team.
I’d like to adjust the space above and below the logo, and also wanna change the size/color of the menu shadow.
Here is the image
https://drive.google.com/file/d/1tUP7LqplBTgozSaYDnsJREUEb3wyq9Y-/view?usp=sharing
Your custom CSS would be much appreciated.
Thanks in advance.
Takuma
Hi,
If I understand correctly you want to change the background color only on homepage, if is so you can set the background color using the tagDiv Composer, edit the page, and click on CONTENT -> https://www.screencast.com/t/XfYpzA8E5R8 -> https://www.screencast.com/t/bdeQSUzK or using custom css -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
-> https://www.screencast.com/t/MDYXi8B0
.home .td-main-content-wrap {
background-color: #efcfcf;
}
Background introduction -> https://forum.tagdiv.com/background-introduction/
Thank you!
It could be done for the mobile theme, but only with CSS, there are no font settings for the mobile theme as most are predefined. These are the values used by default
– http://prntscr.com/nmbcyy
You can add more to the code from above with the color – http://prntscr.com/nmbdti
.td-post-content blockquote p {
color: #dd3333;
font-size: 15px;
text-transform: capitalize;
}
If you need help let me know.
Hi,
Please try this custom css
.td-js-loaded #td-mobile-nav{
position: fixed;
}
.td-search-icon {
right: 50px;
}
Add the code in Theme panel>Mobile theme>Custom css
-> https://www.screencast.com/t/v2GaNHmJr
Thank you!
Hi,
First please make sure that you have enable the font weight that you need to set in theme panel -> https://www.screencast.com/t/ae3YcqcJCa
Font customization -> https://forum.tagdiv.com/font-customization/
After that you can set this custom css in theme panel
.td-post-content strong{
font-weight: 400;
}
-> https://www.screencast.com/t/HXNNgvcs
Hope this will help you!
Thanks.
Hi,
The theme uses an internal font that contains the icons – http://prntscr.com/nmaq8p
These icons are then applied with CSS – http://prntscr.com/nmaqkl
Your example would work – http://prntscr.com/nmar6x
But font awesome has a much larger collection of icons, loading them from a CDN should be fast from what I can find online, for example – https://woorkup.com/font-awesome-cdn/
– https://www.sitepoint.com/using-font-awesome-with-wordpress/
– https://community.cloudflare.com/t/reduce-fontawesome-load-time/4814
Thanks
You need a mobile browser to view what the mobile theme looks like. I have yet to be able to find out a way of previewing it at all. I just enabled the mobile theme, turned it on in the settings, and then started using it. You can also see it in action using development mode of Chrome and selecting the “mobile” icon which will make Chrome appear to be a mobile device to WordPress. That’s useful for debugging and looking at css. You have to reload your web page after you turn the Chrome page into a mobile setting.
Also, you have to remember to put custom css code for the mobile theme into the special mobile theme custom css code area, not in the regular custom code area.
My website looks the exact same before I enable the mobile theme and after it.
Also, will it load all of my CSS and custom code? Will it keep all of my color settings and such?
What is the downside to using the mobile theme?
Hey guys,
Thanks for the great work regarding the last updates.
I use the theme for 5 websites and I can’t find the fix for this issue.
I only use categories to be able to use some widgets (like related articles). But I don’t want to show any category page to visitor or to Google. I understand that it’s possible to hide the category of an article through css in frontend, but it does not stop google from scanning those no-index pages.
This is bad for SEO.
I understand the theme has not been built to hide this parameter in the backend (only in css), but we need a way to remove them from back end.
> My question : what is the solution ? I don’t want to remove the php from my cloud template and update the file after each update.
Thanks for your help.