- 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
This should work (untested):
.td-post-author-name, .td-post-date (display:none !important;}
Add that to your custom CSS in Theme settings.
Add hide-grid-meta in the Extra Class section of your big grid settings, then add the following to your custom css in theme settings.
.hide-grid-meta {display:none !important;}
I haven’t tested it, but it should work.
Hi i would like to hide on my HOMEPAGE the author and the date of each post can you help me please?
I think i need css code.
I already hide the author and the date when you click on the post link.
Regards
Hi guys,
I really love the Newspaper theme. I bought it long time ago but I have finished creating a website now.
My website is: http://www.psiowelove.pl
I have done to step 4 in from this instruction: https://forum.tagdiv.com/how-to-make-the-site-faster/
But my website seems to be still slow.
The consultant from my hosting told me that I have problem with jetpack because it causes this:
access(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack/_inc/genericons/genericons/genericons.min.css”, F_OK) = -1 ENOENT (No such file or directory) lstat(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack/_inc/social-logos.php”, {st_mode=S_IFREG|0644, st_size=555, …}) = 0 lstat(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack/_inc”, {st_mode=S_IFDIR|0755, st_size=4096, …}) = 0 lstat(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack”, {st_mode=S_IFDIR|0755, st_size=4096, …}) = 0 lstat(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack/_inc/social-logos.php”, {st_mode=S_IFREG|0644, st_size=555, …}) = 0 lstat(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack/_inc”, {st_mode=S_IFDIR|0755, st_size=4096, …}) = 0 lstat(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack”, {st_mode=S_IFDIR|0755, st_size=4096, …}) = 0 open(”/home/tutusik/domains/psiowelove.pl/public_html/wp-content/plugins/jetpack/_inc/social-logos.php”, O_RDONLY) = 4
I have also check with google pagespeed and there are few errors:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fpsiowelove.pl
Please help me 🙂 Thanks!
NTT
Hi
Can you help me to add custom code in the header insted of adsense ads, becose i need to put 9 small icons with different links on it?
So the logo is left and in the right position is the adsense ad, so i want to change this ads with 9 small icons.
I know, i need custom css to made it working.
Alex
On mobile devices, the author link and other post meta data is not being displayed correctly in the post header. You can see this on any single post here. I presume this is a CSS bug.
Is there any CSS code I can add to remove the play icons located on “Featured Video” posts? See screenshot below. The big play icon in the middle of the frame. Can it be removed and just be a thumbnail? Thank You
https://s14.postimg.org/t6zh1wff5/Screen_Shot_2016_10_07_at_1_35_36_PM.png
Hello,
I would like to target the img on “td-module-thumb” and have an image appear (like a watermark) over the post image when the user hovers over it. I think this is the CSS class, but I’m not sure where I have to place a) the image file, b) make sure the overlay appears over the post image.
I am asking about td-module-thumb, because I would like to target all thumbnails in the theme’s VC blocks.
Thank you
Hello,
I would like to target the img on “td-module-thumb” and have an image appear (like a watermark) over the post image when the user hovers over it. I think this is the CSS class, but I’m not sure where I have to place a) the image file, b) make sure the overlay appears over the post image.
I am asking about td-module-thumb, because I would like to target all thumbnails in the theme’s VC blocks.
Thank you
Hello aliqayyum,
1)Please try to clear all your caches, purge CDN files if you are using the CDN system, empty your server cache (if you do not have any access to do it, please request this to your hosting provider) and then test it again and check the results.
2)Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-g-rec-id-content_top{
float: left;
margin-right: 15px;
}
The result -> http://screencast.com/t/Q4olOZWxYyN
3)Please notice that the speed of your website depends on how well your site is optimized. Please notice that this is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Please notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services is not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/
Hope this helps!
Thanks for your understanding!
Hello blk709,
Unfortunately, our theme has not tested with LearnDash plugin, and we have no idea about the theme behaviour with this type of untested plugin, and also, we cannot provide support for this, sorry! Please notice that our theme has only the settings that you can disable or enable the Social Sharing on posts (top and bottom), as you can see here -> http://screencast.com/t/VrrtQOhx also, as you can see, the theme do not have any option that allows you to restrict them for a specific pages, sorry! If you want to do that, you can try to use a bit of CSS and hide the social buttons for what type of pages you want, by page ID.
For your second request, if you want to remove the Author box and More Stories box, you can do that from Theme panel, like this -> http://screencast.com/t/TDxoBTq0sg8H -> http://screencast.com/t/pPfkyP2Bg or if you want to hide them only for some specific pages, you should use a bit of CSS with the post/page ID for those post pages. As an example for this, you should look at this -> http://screencast.com/t/n5cF7tX8
Hope this helps!
Thanks for your understanding!
Hi,
I have personally tested the code on your site using a chrome extension: http://screencast.com/t/Sp1QB0Of9
The css works You just need to implement it properly and clear cache afterwards.
Please provide a screenshot of the custom css box so i can see how you implement the code and if you have any open tags there that could prevent the code from working.
Thank you!
Hello,
If you want to ad spacing between widgets, you will have to use css and the browser inspector to do it. The theme has no setting to add or remove any block spacing. Here is a guide on how to use the browser inspector and create the css code you need: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Here is an example: http://screencast.com/t/W86bBb4bO
Unfortunately there is no general code to ad or remove spacing. Each element has it;s own positioning. You will have to edit each element to do it.
Thank you!
PS. The spacing problem on your site comes from somewhere else. THe theme does not have any elements without spacing. You do not have to add spacing but rather find the source why the element does not already have the theme spacing.
Hi,
Upon further inspection it seems thare is no simple way of adding an icon inside a text area in htmnl. There is an alternative solution using css and pseudo-elements though http://stackoverflow.com/questions/19285640/font-awesome-icon-inside-text-input-element
Thank you!
Hi Andrei
Sorry – actually not perfect. With that addition I have now discovered that it prevents the drop down elements of the menus from operating so I have had to remove the CSS as otherwise clients cannot navigate around the site.
Hi everybody,
I am using the Newspaper 7.1.1 With wordpress 4.6.1 and a small and clean theme child customization.
The site seems to be OK, and run without problems, but watching my error.log file in my site in production, i can see a lot of these errors:
[Wed Oct 05 04:26:44 2016] [error] [client 127.0.0.1] PHP Fatal error: Call to undefined function get_header() in /var/www/domain.com/public_html/wp-content/themes/Newspaper/index.php on line 6, referer: http://www.domain.com/wp-content/themes/Newspaper
[Wed Oct 05 04:38:12 2016] [error] [client 127.0.0.1] Invalid URI in request GET /../fonts/vc_grid/vc_grid_v1.eot?-9hbgac HTTP/1.1, referer: http://www.domain.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css
These can be resolved?
hello,
i just add that code in custom css box but still same error..
Thank you.
Hello,
We have not tested speedbooster with the mobile theme so we cannot say for sure if it will move the render blocking css and js from the mobile theme. If it does not, you should find other methods of doing it as I cannot say for sure if it will work with speedbooster.
Thank you!
Hello,
The css code works, Simply add the code in the theme panel> custom css box and clear all cache. I cannot say for sure where the error comes from. It could be a plugin or a custom modification you made.
Thank you!
Hello beepcinema,
If you want to make your main container being wider, also you will have to change the width of the theme and 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. 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!
Hello,
You will need css for the requirements you mentioned. The page title can be aligned center with this code:
.td-page-title{
text-align:center;
}
Unfortunately I cannot provide a solution for your second request as this comes from wordpress not the theme. It is the standard wordpress text implementation that we do not change with our theme settings
Thank you!
Hello SestanteNews,
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd
Thank you!
Hello MrOrsh,
If you want to change the value of the RGBA, please notice that you should use an online RGBA generator, from here -> http://www.cssportal.com/css3-rgba-generator/# Also, if you want to use another color value, you simply replace the RGBA code with the color (red,blue) or hex value (#5e5e5e http://screencast.com/t/td4UvOIEtu1).
Thanks for your understanding!
Hi
The theme don’t have an option to change this color from theme panel, you will have to use custom css either in theme panel or directly in style.css file: http://screencast.com/t/ftYp7NYnOqN
Thanks!
Hi Catalin
perfect, it works!!
For mobile theme remain only what follow to solve “Delete JavaScript and CSS that block the view in above-the-fold content” on Google Speed test
http://www.site.com/…gins/cookie-notice/css/front.css?ver=7.4
http://www.site.com/…hemes/Newspaper/mobile/style.css?ver=7.4
Thanks!