- 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
Hello kotikatu,
Unfortunately, please notice that all of these changes involves doing such a custom implementation which are not allowed by our support, sorry! You should create your own custom CSS code to achieve as you wish and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/develope to help you because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Hello,
You will need css skills to do it. If you do not have the proper skills you will need to hire a developer to help out as we cannot offer any custom work at the moment. Sorry
Thank you!
Hello,
Every custom css will load after the original theme css. The only way to load your custom css faster (you cannot have it load first, sorry) is to add it in the style.css file.
Thank you!
Hello vineetaggar,
The theme does not have any such an option for this, sorry! You should create your own CSS code for that. Provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi,
all css place in custom code in admin loads after theme css. Is there any way to load first? Because when web is loading during 1 or 2 seconds shows theme css instead custom code, and is strange.
Thanks.
Hello maxlaxoc,
Check our demo preview to see the available smart lists from here -> https://demo.tagdiv.com/newspaper/smart-list-style-2/ Notice that you can use such a custom CSS code to remove as you wish.
Thanks for your understanding!
Hello,
The mailto link gets the color from the theme accent color set in the theme colors section in the general tab. If you want to change just the contact link in particular, you can add this custom css to the theme panel under custom code:
.footer-text-wrap .footer-email-wrap a{
color:red;
}
Thank you!
Hello,
Please add his css code in your theme panel under custom css:
@media (max-width:767px){
.post .td-pb-span4{
display:none!important;
}
}
Thank you!
Hello seanhelmes,
Try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_mega_menu_sub_cats{
display:none;
}
Thanks.
Hello,
1) Yes, there is a padding added to the element. you can customize it to get that no padding layout though. As an example, you can add an extra class to each of the the with image elements used like so: https://www.screencast.com/t/wbqlqcn3lf7A
Then, add this css to the page:
.nopadding .td-block-span6.tdm-col{
padding-right: 0;
padding-left: 0;
}
https://www.screencast.com/t/pBagfzhig
Then you can bring the elements closer together by adding 0 bottom margin to the top element: https://www.screencast.com/t/LQ4RgC4rn
2) As for the second issue, if you flip the elements the order will flip as well so you will not get -image text – image text or -text image -text image but rather the fliped version of 1 element -text image – image text so the 2 images will be shows one after the other on mobile. I hope this make sense.
Thank you!
Hi,
It didn’t work. How can I hide using CSS the “Recent posts” only in the 404 page?
This way I can solve the problem.
Thank you in advance.
Hello,
It seems you have a few css rules affecting the logo ad the fonts. Either you remove your custom css or use another header style like header style 8 for example.
If this is still an issue afterwards, please contact us on our email address at contact@tagdiv.com and provide a link to your site and wp-admin (login information and admin rights) so we can login and investigate. Please also include a link to this conversation so we can identify you.
Thank you!
Please read me carefully.

themeforest-5489609-newspaper.zip -> Newspaper-tf -> code -> Newspaper-child
Extract all 3 files
functions.php
screenshot.png
style.css
to a folder
wp-content/themes/Newspaper-child/
via FTP.
This folder
wp-content/themes/Newspaper-child/
on the hosting (server) you have to create manually via FTP client (like Filezilla for example).
After this activate the Child Newspaper Theme in admin-panel of your WordPress site.
Currently, I have the created date and last modified date on my posts but they are on the same line.
It looks like this:
By Ryan – August 25, 2018 LAST MODIFIED: Saturday, August 25, 2018
..
I’d like to look it like this:
By Ryan – August 25, 2018
LAST MODIFIED: Saturday, August 25, 2018
Here is the CSS I’m currently using:
`/* Pretty up last modified stuff */
.td-module-meta-info {
display:inline-flex;
}
.the-modified-date {
padding-left:5px;
padding-right:10px;
padding-top:2px;
}
.td-post-comments {
display:none!important;
}
You can view a example post here:
https://www.interestinganswers.com/money/is-it-illegal-to-keep-found-money/
Thanks
Hi Simion. I use the modified date in my single posts. So, I made custom changes in the file inside the cloud library>state>single (around line 709) to change the element ‘time’ to modified time. But it is affecting the time ago feature which also shows the modified date. Is the time ago feature affected by this change? I was trying to create a template for some posts and then backdate their publishing date rather than show the modified date. Or does editing a template with time ago feature mean the post will switch to modified date due to the publish time being the modified time?
Just to mention, I also left the original ‘time’ code in place and duplicated it below in the next line and changed the time to _modified_time but the templates showed the modified date and ignored the previous one. If there can be an option to show both published and modified date, then I can create classes for both and hide either via CSS in the templates I don’t want them to show.
Hello,
If you want to show both the created date and the last modified date, you will have to leave both functions in your file. Do not replace the first code simply paste the second code below it. You will also need to fix the css for the element.
If you have any further question regarding the date, please open a new topic.
Thanks.
Just checked the row, column and blocks and all of them had 0 padding/margins in the CSS :/ Any other ideas?
Hello,
Please check the css settings for your blocks in the tagdiv composer in the box model: https://www.screencast.com/t/R4Ym3hzu and remove any margins or padding added to the block or o the rows.
Thank you!
Hello,
Unfortunately there are no styling options for the AMP template so any change will have to be made through custom css. Please use this file in order to add custom css to your amp template: https://www.screencast.com/t/vIUHFAbD6uRH There’s no option for custom CSS code for AMP version so the code has to be added to that file!
Thanks
Hello,
Each demo has a custom implementation for the theme elements. They are hjust hidden from view though so they can be enabled using this css code:
.td-recipes .td_module_wrap .td-module-meta-info{
display:block!important
}
Add the code in the theme panel under custom css.
Thank you!
Hello,
Unfortunately this is how css works. If your category has too many words and they will go on 2 rows, the tag will not be able to re-size. This will happen in all modules that are not wide enough to accommodate the category on a single row.
There is no easy fix for this unfortunately.
Thanks.
Hello,
You will need to make the css responsive as well. Please also paste the code in the advanced css section for mobile devices and change the values to best fit the mobile layout.
Thank you!
Extract all 3 files
functions.php
screenshot.png
style.css
from the Themeforest archive
/code/Newspaper-child/
to a folder
wp-content/themes/Newspaper-child/
on your hosting (server) with your wordpress-site
and activate the Child Newspaper Theme in admin-panel.
That is all. Try it.
i had same problem as bformhals, the css code above also works for me.
when i hover over the drop down links the text turns to white on a white background.
ive tried to search for hover css code and i try and it doesn’t work.
can anyone advise please?
Man, you are quick. I was about to edit my post again.
Anyways, I have it now looking good using the CSS in this thread:
https://forum.tagdiv.com/topic/how-to-make-this/
My last remaining question is can I display the creation and modified dates?
You can view it here: https://www.interestinganswers.com/history/why-are-there-two-koreas/
thanks.
-
This reply was modified 8 years by
Ryansmccain.