- 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
Hi,
Pleas add this code in Newspaper> Theme panel> Custom code > Custom css
.post-type-archive-tribe_events {
background-color: red;
}
You can change the color, add new css if you like.
Hope this will help you.
Thanks.
-
This reply was modified 7 years by
Calin.
Hi,
Please provide your website url, and I will inspect your problem, maybe there is no problem, and all you need to do is to add a custom css.
Thank you for your understanding.
Hi, we noticed that we are having a problem in our front page header, after the logo we see
[vc_row el_class=”td-slider-row” full_width=””][vc_column tdc_css=”eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjIwIn19″]
Obviously the problem is that shortcode is not interpreted, the version of your Newspaper theme that we are using is 9.0.1, this problem happens just in the front page of the site, Any idea bout why is this happening? We haven’t install anything new lately.
I wait for your reply.
Best regards.
Hi,
Please try to add this custom css in Newspaper>Theme panel> custom code custom css:
https://www.screencast.com/t/MpQZr0ZbD
.td-slide-smart-list-figure img{
pointer-events: none;
}
Let me know hot it works.
I’m using the Social Media Counter on my homepage, however, we are a new company and do not have many Social Media Followers yet. I’d like to use the Social Media Counter to allow visitors to like/share etc., but not show the number.
I saw someone else asked the same question here https://forum.tagdiv.com/topic/remove-numbers-from-social-media-counter/#post-256477 and it was recommended to add this code to custom css, however, it seems to remove the like/share text as well.
Please try to use the code below and place it in Theme panel -> Custom CSS area.
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}
Thanks.
The homepage does not display on here because of this weird scoped thing. https://bnn.io/ anything smaller then 767px.
Best I can tell this is the issue.
.td_uid_12_5bb8f9d677a7d_rand{
margin-top:-36px !important;
display:table !important;
<style scoped=””>
/* custom css */
.td_uid_12_5bb8f9d677a7d_rand {
min-height: 0;
}
/* inline tdc_css att */
.td_uid_12_5bb8f9d677a7d_rand{
margin-top:-48px !important;
}
.td_uid_12_5bb8f9d677a7d_rand .td_block_wrap{ text-align:left }
/* phone */
@media (max-width: 767px)
{
.td_uid_12_5bb8f9d677a7d_rand{
margin-top:-36px !important;
display:table !important;
}
}
</style>
I am having the same issue, latest version of MacOs and Safari. Where shall I put that code? Simply as custom CSS in the theme custom code field?
There are indeed a ton of options!
I waste time doing the exact same thing.
You seem to have a good control of what you are doing on your new site, but I would make those fonts a little bigger.
and I also wish we could assign different size images for things more easily.
I have been using the “flex” layout blocks to get things exactly the way I want in regards to displaying images on standalone pages.
and I wish we had a little easier control over mobile menu items vs desktop menu items.
I know you can hide/show these things in CSS but they still load for a split second until css kicks in and hides them. which is hit or miss depending on your cache settings and connection speed and server speed.
Hello,
Please notice that the speed of your website depends on how well your site is optimized.
-> https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.solutioninhindi.com%2F&tab=desktop
Notice that 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. Also, 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 are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Another useful gui for increasing the page speed can be found here -> https://kinsta.com/blog/google-pagespeed-insights/
Thanks for your understanding!
Sir,
I Test My Site (https://www.solutioninhindi.com/) Speed Test With
“https://developers.google.com/speed/pagespeed/insights/”
Then Show me lots of Optimization error. I Provide you Optimization Suggestions Link then you can easily understand
Optimization Suggestions
Remove render-blocking JavaScript:
https://www.solutioninhindi.com/…-includes/js/jquery/jquery.js?ver=1.12.4
https://www.solutioninhindi.com/…s/jquery/jquery-migrate.min.js?ver=1.4.1
Optimize CSS Delivery of the following:
https://www.solutioninhindi.com/…form-7/includes/css/styles.css?ver=5.0.4
https://www.solutioninhindi.com/…lugins/td-newsletter/style.css?ver=4.9.8
https://www.solutioninhindi.com/…css?ver=72ece2de773553959e5098a544851753
https://fonts.googleapis.com/…%2C500%2C500italic%2C700%2C900&ver=9.0.1
https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1
https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc
Enable compression
Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
Enable compression for the following resources to reduce their transfer size by 1.4MiB (85% reduction).
Compressing https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1 could save 1,014.3KiB (89% reduction).
Compressing https://www.solutioninhindi.com/…wspaper/js/tagdiv_theme.min.js?ver=9.0.1 could save 155.7KiB (76% reduction).
Compressing https://www.solutioninhindi.com/…-includes/js/jquery/jquery.js?ver=1.12.4 could save 61.9KiB (65% reduction).
Compressing https://www.solutioninhindi.com/…css?ver=72ece2de773553959e5098a544851753 could save 59.1KiB (86% reduction).
Compressing https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc could save 55.9KiB (87% reduction).
Compressing https://www.solutioninhindi.com/ could save 55.5KiB (79% reduction).
Compressing https://www.solutioninhindi.com/…-form-7/includes/js/scripts.js?ver=5.0.4 could save 10.4KiB (72% reduction).
Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-140.png (expiration not specified)
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-272.png (expiration not specified)
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-280.png (expiration not specified)
https://solutioninhindi.com/…8/09/Solutioninhindi-logo-544-300×53.png (expiration not specified)
https://www.solutioninhindi.com/…Newspaper/images/no-thumb/td_218x150.png (expiration not specified)
https://www.solutioninhindi.com/…/Newspaper/images/sprite/elements@2x.png (expiration not specified)
https://www.solutioninhindi.com/…th-Se-Android-Mobile-Hack-Kaise-Kare.png (expiration not specified)
https://www.solutioninhindi.com/…ge-custom-url-set-kaise-kare-768×417.jpg (expiration not specified)
https://www.solutioninhindi.com/…-2Bvideo-2Bkaise-2Bdale-2Bin-2Bhindi.jpg (expiration not specified)
https://www.solutioninhindi.com/…8/09/airtel-free-caller-tune-768×400.jpg (expiration not specified)
https://www.solutioninhindi.com/…o-2Bkaise-2Btode-2Bunlock-2Bkare.png.jpg (expiration not specified)
https://www.solutioninhindi.com/…2Bka-2Bpattern-2Block-2Bkaise-2Btode.jpg (expiration not specified)
https://www.googletagmanager.com/gtag/js?id=UA-109288917-2 (15 minutes)
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js (60 minutes)
https://www.google-analytics.com/analytics.js (2 hours)
Minify CSS
Compacting CSS code can save many bytes of data and speed up download and parse times.
Minify CSS for the following resources to reduce their size by 214.5KiB (18% reduction).
Minifying https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1 could save 201.1KiB (18% reduction).
Minifying https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc could save 13.4KiB (22% reduction).
Minify HTML
Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up download and parse times.
Minify HTML for the following resources to reduce their size by 13.7KiB (20% reduction).
Minifying https://www.solutioninhindi.com/ could save 13.7KiB (20% reduction).
Optimize images
Properly formatting and compressing images can save many bytes of data.
Optimize the following images to reduce their size by 227.9KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…o-2Bkaise-2Btode-2Bunlock-2Bkare.png.jpg could save 60.1KiB (95% reduction).
Compressing and resizing https://www.solutioninhindi.com/…ge-custom-url-set-kaise-kare-768×417.jpg could save 51.4KiB (95% reduction).
Compressing and resizing https://www.solutioninhindi.com/…-2Bvideo-2Bkaise-2Bdale-2Bin-2Bhindi.jpg could save 43.9KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…8/09/airtel-free-caller-tune-768×400.jpg could save 42.7KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…2Bka-2Bpattern-2Block-2Bkaise-2Btode.jpg could save 29.8KiB (93% reduction).
Optimizations Already Present
Avoid landing page redirects
Your page has no redirects. Learn more about avoiding landing page redirects.
Minify JavaScript
Your JavaScript content is minified. Learn more about minifying JavaScript.
Hi,
In order to have every were on your website Hover link underline please insert in Newspaper> Theme panel> custom code> custom css this css:
a:hover{
text-decoration: underline;
}
Hope this is what you desire.
Thanks.
Hi again,
Thank you so much for helping me out earlier with another problem.
Im trying to find a way to get all links (both headings and content)
-
underlined
when hover with mouse.
Hi,
You can do that but you need to make some change in td_modules_single_base.php
https://www.screencast.com/t/iZZ8cEvutbg
the code is: $buffy = ‘<div class=”aut”>’. get_avatar($this->post->post_author , ’50’) .'</div>’;
See results: https://www.screencast.com/t/Pd94z2InO
You can add class and style with css.
Hope this will help you.
Hi Calin,
really thank you very much for your efforts and patience, but it doesnt work for me. I used your iframe exactly (even with your video and also with others), put your custom css and in the post it will show me iframe of my site with error 404 – https://prnt.sc/l2hvlv
I dont think I’m doing anything wrong, if you can i send you the login information to my site and you can try it.
My website is new (https://tiptopzena.sk) and at this moment is set to “no index”. Can there be a problem in that??
Hi,
You can use this css code to change the next and prev icons on a block 3:
.td_block_3 .td-next-prev-wrap a{
color:red;
border-color:red;
}
Thank you!
Hi Irreverent Gent,
If this is what you’ll like https://www.screencast.com/t/sxTVoxJLbi , than copy this custom css and past it in Newspaper> Theme panel> Custom code > Custom css
.nav {
padding-bottom: 10px;
border-bottom: 1px solid black;
margin-bottom: 20px;
}
You can change the value of css, also you can add more if you like.
Thanks.
Hi Guys,
Is there some kind of CSS code I can input to make my headshot run next to my byline, in the same way they do at the links below?
https://www.theatlantic.com/ideas/archive/2018/10/the-guardrails-fall/572242/
Thanks!
Dave
Hi,
Ok if is made with vComposer please add a class to that button ( https://www.screencast.com/t/En9y3AzA ) and add this css in Newspaper>Theme panel> custom code> custom css :
.full_width_button{
width: 100%;
}
.full_width_button button{
width: 100%;
}
See results: https://www.screencast.com/t/fZJIP4PWUyNn
Thanks.
Hi palcomp,
If you like that, you can install that demo ( with out content/with content ) and just replace it.
Or if you like make your one, there is a row set on stretch row and content ( https://www.screencast.com/t/FQQoi8fov ) and it is set on it a background image ( https://www.screencast.com/t/e2pP6AQQp ).
For posts is a new row and drag in it the block 5 , and set margin top with – example -250 from css ( https://www.screencast.com/t/4vLbHAcwimjN )
Thank you.
Hi,
Here is an example with a link from youtube, is quite bet tricky .
https://www.screencast.com/t/HN46465u7JAd
Results: https://www.screencast.com/t/I3MMhsci4tG
Step one:
Use this iframe :
<iframe class="yt_video" src="https://www.youtube.com/embed/r7-xpJE5I9A" allowfullscreen="allowfullscreen" frameBorder="0" ></iframe>
here is the tricky part: https://www.screencast.com/t/Mdm3JXTap all you need to do is to put after src="https://www.youtube.com/embed/id_video_youtube ( https://www.screencast.com/t/5fgGzpWRP )
src="https://www.youtube.com/embed/r7-xpJE5I9A"
After that you need to add a custom code in Newspaper> theme panel > custom code custom css:
The cod is this, you can change it if you wish.
.yt_video{
width:50%;
height:50%!important;
margin: 0 25%;
}
https://www.screencast.com/t/6M3euQf7uyh4
Hope this will help you.
Hello Florian,
(1)You should use a local custom CSS code which disables the link. You can try using the pointer-eventȘnone property for this section, as a hint.
(2)Yes, should not be a negative impact for SEO.
(3)Unfortunately, I do not know what kind of plugin you are using, sorry! We have our Newsletter plugin and also, we do not recommend using another untested one because we cannot provide support for untested plugins.
Thanks.
Hi EPICsm,
Please provide your url for a better inspection, in this way I will be able to give you the proper css.
Thanks.
I downloaded the author template from cloud but there is no option to hide the counts.
SO I add css code “.td-author-comments-count { display:none; }” but it didn’t work.
I need to hide the counts.
Let me know how to do that.