- 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,
First you have to move your ad code from the article bottom ad and insert it in a custom ad spot – https://www.screencast.com/t/8UFvuTxboHI Then you must edit the corresponding loop single file to the post template style you are using (post template style 2 – loop single 2), from the theme folder – https://www.screencast.com/t/sNN926Vt and insert the code provided below (you can change the custom ad number if it is currently in use elsewhere) in the post structure, like in the example after the post pagination. The result in my case is like this – https://www.screencast.com/t/aHRrFK18c1B the ad in now after the post pagination, and in your case should appear before the ad too reducing the distance between the post content and the pagination. This is the code used
<?php echo do_shortcode ('[td_block_ad_box spot_id="custom_ad_1" tdc_css=""]'); ?>
Thanks
Also, just to pop in here …
many folks should look into https + http/2 on hosting platform;
as we are now running this and much much faster than classic methods for many things we’d been doing like critical CSS injection, etc.
Hi ,
A am developer of Brisknews.com , we are facing one issue related to speed booster plugin , we already read https://forum.tagdiv.com/how-to-make-the-site-faster/ this article 2-3 times…
https://drive.google.com/file/d/0B8RgZ_2is2c8Z1cwYWh3bjVCWU0/view?usp=drivesdk
We already applied below method :
Edit the ../wordpress/wp-content/plugins/td-speed-booster/td-speed-booster.php file and target the css and js using the following code:
For JS files – $this->move_js_to_footer(‘FILE-ID’);
For CSS files –$this->move_style_to_footer_queue(‘FILE-ID’);
$this->move_js_to_footer(‘FILE-ID’);
$this->move_style_to_footer_queue(‘FILE-ID’);
check this screenshot :
https://drive.google.com/file/d/0B8RgZ_2is2c8dThiekctYU5MeTQ/view?usp=drivesdk
let me know how to fix this issue.
Thanks
Hello!
I don’t use custom css. I’ve tried to turn off the plugins, but the problem wasn’t solved. I also don’t use cache pugin.
Thanks!
Hi,
If you want to display the same elements on both mobile and desktop, don’t use the mobile theme, the main theme is already capable of this with it’s responsive design for mobiles. The mobile theme comes with a single predefined page template, a top grid and Latest articles section. More about this here – https://forum.tagdiv.com/the-mobile-theme/
The link hover colors in the footer inherit the theme accent color set in theme panel – https://www.screencast.com/t/g9gJSuYmz89 However if you want to change the link hover color only for the footer you can do it with some css, just enter it in Theme panel->Custom Css
.td-footer-wrapper .widget a:hover {
color: yellow;
}
Thanks
hello… i already bought the newspaper theme.. the problem i face is.. Mixed Content : the page at “my-post-url” was loaded over HTTPS, but requested an insecure stylesheet “http://fonts/googlepais.com/css?family=Lato’. This reqeust has been blocked: the content must be served over HTTPS. how to fix https on google fonts. thank you
Hello @nano2408
Add below css code
.td-sml-caption {text-align: center;}
Hope this works for you.
Hello PatWire,
If you want to add a horizontal line between posts from Block 21, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
.td_module_16 {
padding-bottom: 20px;
border-bottom: 2px solid green;
margin-top: 20px;
}
The result is here -> https://www.screencast.com/t/htaXxBaG2
Thanks for the message!
Hi,
I used this code to make those changes, it will set a background color to those elements only on the single post page – https://www.screencast.com/t/HwEdyXYe2sjv – https://www.screencast.com/t/dQAWtoBM When and if you identify more items you want to set a background color on, just add them to the code (careful to use the right css syntax)
.single .td-pb-row,
.single .td-main-content-wrap {
background-color: pink;
}
The code must be entered in Theme panel->Custom Css – https://www.screencast.com/t/AwIZ0nqXb7
Thanks
Hi,
I can not access the first link you provided – https://www.screencast.com/t/cfAevsEeT71 and I do not understand exactly how to help you. I see that you are trying to set a float property on those items, you could group them by 4 in a div and then set a float on the groups, or float them one by one in a specified width. But I can not say for sure if I can not see how you are implementing this. Here is a css selector list maybe you can manage to find something that works for you – https://www.w3schools.com/cssref/css_selectors.asp
If you are talking about the text in the label, you could change the color with css, just enter this code in Theme panel->Custom Css
.label {
color: black;
}
Result – https://www.screencast.com/t/kVniTmdnOHWr
Thanks
Hello again)
This is element of dropdown menu (in main menu)
In custom css i write:
.menu-item-309 .sub-menu {
width: 400px!important;
}
But nothing changes. What im doing wrong?
Nope,
If you minify style.css file then you need to upload it in themes/newspaper/
Link to the tutorial – https://goo.gl/TRqJQ4
It will not affect page speed load.
If you see CSS OR js minify error in Google Page Insight. Simply download minified files and upload them using FTP.
Hi
I’ve been trying to achieve a horizontal line between posts in a block (Block 21) on the homepage – and have tried to modify the custom css suggested in the above post – but I can’t seem to get it right – Module for categories is M10
I’ve used this – any help appreciated
.home .span4 .td_block21 .td_mod10{ border-bottom: 1px solid black; }
Thanks
Hello Syams,
Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-g-rec{
text-align: center;
}
Thanks for the message!
Hi
I’ve been trying to achieve a horizontal line between posts in a block (Block 21) on the homepage – and have tried to modify the custom css in the above post – but I can’t seem to get it right – Module for categories is M10
I’ve used this – any help appreciated
.home .span4 .td_block21 .td_mod10{ border-bottom: 1px solid black; }
Thanks
Hello harmario,
Please keep in mind that our theme does not have an automatic option which minifies your CSS. After this will be minified with some tool, it can be replaced in the style.css. Also, regarding on how you can move the js and CSS to the footer, you should consult our guide here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ because there you will see all the steps which are required to be followed to increase your page speed. You should use our TagDiv Speed Booster.
Thanks for your understanding!
Wow, thanks for the CSS code, this solved the exact problem I have.
I’m not sure I understood your answer.
In the end I modified: /include/shortcodes/td_block_trending_now.php
`
$brieflink='News Briefs';
$buffy .= '<div class="td-trending-now-title">' . __td($brieflink, TD_THEME_NAME) . '</div><div class="td-trending-now-display-area">';
I was also able to change the title there too.
And in the CSS I added:
.td-trending-now-title a{
color:white;
}
And that did the trick.
The CSS is loading late though, I have to see what that’s about.
Isn’t there something I can change in the css code, or add some custom css that would make the body wider?
Thanks. I tried it but I got lost. The color you used was exactly what I wanted. But I don’t have CSS knowledge so I got lost. Thank you.
Learn by trial/error, is best way.
Learn to open your style.css file in a text editor like textpad, BBedit, notepad, or similar.
That is what you would select all/copy/paste into the CSS minifier box … try it ?
You then end up with a slimmed version of the code, which can then be pasted back into the style.css file.
Once you have a text editor in your PC/Mac, simple enough to “open” files from the theme folder on your local hard drive to explore what is in them. Also see the WordPress.org “codex” to understand common conventions of theme and WP hierarchy.
There really is no 100% reliable automated minification tool for CSS. You may run into issues, as you have already, unless you do it yourself manually — this is what all web dev folk have to do — part of the mental ‘cost’ of choosing to do this stuff.
Also that inline ad code doesn’t seem to work for either the mobile theme or the responsive one, it just shows the [vc_row][vc_column][td_block_ad_box spot_id=”custom_ad_4″ spot_title=”Advertisement” tdc_css=””][/vc_column][/vc_row] in plain text.
Any idea?
Hello,
You can try to use this css code in the theme panel-> custom css box:
@media (max-width:500px){
.vc_tta-tabs .alignleft{
float:left!important;
margin-right:5px!important;
}}
Thank you!
Thanks Catalln!!
Sadly, Im not a programmer and I dont know what css I have to minify and where I have to paste it in the code later.
Exist another automatic option?
And last question:
How I cant move the java and css scriptos to the footer?
Thanks a lot
