- NewsmagLoading image effects
- NewsmagRequirements for Newsmag
- NewsmagBlock settings tutorial
I replaced the file with your’s and this is what I get.
Warning: call_user_func_array() expects parameter 1 to be a valid callback, class 'td_speed_booster' does not have a method 'wp_head_hook' in /home/shashank/public_html/wp-includes/plugin.php on line 505
I did the same but as soon as I do it my site shows blank. The css files are loaded but still nothing shows, I can see the source of my site and also the google ads but nothing else. 🙁
Hi,
Usually when using child theme the css added in the child theme css style sheet should work fine but note that using the child theme could cause other issues so in case you have some problem you should check if the child theme isn’t the cause of it.
You can use the speed booster plugin to move files to the bottom, this is speed related so you can follow this guides for this:
* https://forum.tagdiv.com/pagespeed-guide/
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
* https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
Thanks
Basically what I’ve done for my site is
(not using child themes as they add CSS redirects bad for SEO/speed)
a) search/replace all instances of fonts I don’t want to load from Google in my style.css file; using common font stacks for fallback such as 'Open Sans',Arial,sans-serif
(if you don’t know what font stacks are, see: http://cssfontstack.com/
b) set all my fonts in theme panel to ‘default’ so there is no code if/then trying to insert any custom fonts into header/footer/speedbooster
c) commented out the code in functions.php which loads google fonts on the page; and also removed the section of code which has the various links to theme fonts on google I won’t be using; no need to have if/then code asking to load fonts from google if I’m never going to do that via theme code (as per examples in my prior posts in this thread); need to both or you will get error. Same code in 4.22, 4.3 and 4.4 versions of theme.
d) I grabbed the link from google fonts website for the font I wish to use (as per my example above in this thread), then pulled the actual css from that link so I won’t be loading the links to the fonts from their CSS file (one less CSS file loaded on page); placed this at bottom of my own style.css file after the minified code, so that it lives in its own section after theme styles.
All of this was done with caching off, mod_pagespeed off, so that changes are picked up immediately. When editing my files I use either TextPad on the PC, or BBEdit on the Mac, to ensure my files have Linux/Unix line breaks since I’m using Linux web server. Some PC editors will put “Windows line breaks” in files, which are bad for Linux servers, in some cases, and can cause parsing errors. So, helps to know what you’re doing if editing core files for a web server.
PURPOSE OF ALL OF THIS:
1) speed up website
2) remove intermediate call to CSS style sheet on google, which may not have proper expiration headers/TTL, and may show “advisory” from testing GTMetrix,PageSpeed Insights, etc. – may help “rating” by removing one so-called issue caused by Google’s own system.
You do *NOT* need to do this, unless you have ALL OTHER optimizations in place. Many sites load their fonts from Google using their function call as it’s essentially loading from a CDN. However, “hacking” the theme for this purpose can help advanced users resolve those last couple of ratings issues, and also those obsessed with micro-optimizations.
WARNING
this hack must be done EVERY time you update the theme; so if not willing to do that, best to skip this whole subject and get on with creating great content which is better for SEO and SERPS than saving a couple of milliseconds on font loading.
Hi,
How can I remove the Slider wrap box behind the title? (the red box at the bottom of the image below)

I’ve removed it before but deleted it and the CSS i add now seems to remove the Title text itself aswell.
Thanks!
Hi,
For your first issue, you can get rid of the breadcrumbs on search module like this: http://screencast.com/t/wd80UQ6nBuWy
You can remove them the same way for other module also.
Regarding issue #2 please note that those setting will work for the pages templates build and added with the page builder and when used the default template.
We know about #3 and we have this on our to-do list to fix in the next update.
For the 4-th issue you could use this css to add a border to the top of page wrapper, like this: http://screencast.com/t/kcV8d2ZLj4R
.td-page-wrap {
border-top: 2px solid #a7a7cb !important;
}
#5 I’m not sure how this happens but you can use custom css to hide the banner only on homepage, like this: http://screencast.com/t/rDggCB6SIlUl
.home .header-content-rec .td-g-rec-id-header {
display: none;
}
and for post template 4 you can use this: http://screencast.com/t/K4PjrKpr3nI
.single_template_4 .header-content-rec .td-g-rec-id-header {
display: none;
}
Regarding the option for the banner to show before logo, you can simply do it like this: http://screencast.com/t/9cq1f3v9p5Bi
For the background of sidebar ad you can try this: http://screencast.com/t/BJhaoVkxCs1C
.td-g-rec-id-sidebar .adsbygoogle {
position: relative;
top: 0px;
margin-bottom: 0px !important;
}
.td-g-rec-id-sidebar {
background-color: #a7a7cb;
padding-top: 20px;
padding-bottom: 10px;
margin-bottom: 20px;
}
Also use this sizes fro the sidebar Adsense ads: http://screencast.com/t/wlsdqlsI3p
Hope this helps! Please let me know!
Thanks
Google is a great search tool… as this is a common practice easily researched which has nothing to do with this theme. Learning these kinds of tricks is part of basic web development using Google fonts. 😉
However, the basics are
1) search/replace all font mentions in the style.css to use the Google font you wish to use; in my case ‘Open Sans’
2) go to the Google fonts site, and find the font you want in the weights you want, in my case ‘Open Sans’ and get the code from them to place into your website
https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans
in my case, normal, normal italic, bold, bold italic
3) choosing the above gives you code you’d normally place in the head of your web doc, or footer for some setups
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
The above is essentially what the theme loads except has various hooks and functions to let you select those in the admin panel; however you want to actually instead, take that CSS and put at bottom of your own style.css file and it can be done after minification (if you’re doing that) so you don’t minify this code.
So, basically take that URL and open in a web browser; which should download it to your hard drive;
4) then, open that and it will give you the CSS
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
PLACE the above, or comparable code for the fonts you’re using, into bottom of your CSS file. If you’re running your site as https, then change URL to https.
5) using the info from my previous post in this thread; remove the section in the functions.php file which loads the Google fonts – so the old “calls” to the Google fonts won’t “print” on your HTML pages.
6) finally, if necessary, make sure you have all the font selections in the theme panel set to “default” as choosing any Google font won’t work, obviously
And obviously you would want to ensure your caching is off, mod_Pagespeed is ‘off’ if using that, and you’d likely need to clear your cache in your web browser and hit refresh couple of times to see the site properly with the change.
Kaboom! Mischief managed.
Hi,
You will have to add this line so that the social like/tweet/google+ buttons appear before the post content, like this: http://screencast.com/t/rqFkotmg then use this css to remove the gap between post content and the buttons: http://screencast.com/t/qUyD8CYhyTYR
.td-social-like-tweet {
margin-bottom: 0px !important;
}
Hope this helps!
Thanks
Hi,
You can use this custom css: http://screencast.com/t/SLurkYDm8D0d
For the “upcoming releases” block tough you need to edit the block and remove the color set for the block title, after this you can use the following css to change the hover color for that block also:
.widget_rss .block-title span a:hover {
text-decoration: none !important;
color: blue;
}
.widget_rss .block-title, .span4 .td_block5 .block-title {
border-bottom: none;
}
.td-grid-wrap .span4 .td_block5 .block-title a:hover {
text-decoration: none !important;
color: blue !important;
}
Thanks
Hi,
Remove the settings for the header text color from block editing panel and use this custom css to change the color on hover as you like: http://screencast.com/t/A7vjWDVoaG
.block-title, .td_title_style_1 {
border-bottom: none;
}
.block-title a:hover {
color: blue !important;
opacity: 0.5 !important;
}
Thanks
You don’t need this also “JM Twitter Cards” the WordPress SEO already have that feature build in to they plugin..
The “Wordfence Security” is a very good plugin but if your using there “Live Traffic” feature then you going run in problems on your server end because it make ur CPU very high and use a lot of memory..i had to remove mine from my site and went with a more lightweight plugin call “All In One WP Security & Firewall”
Query Strings Remover you don’t need a plugin for that just add this code to the bottom of ur “functions.php”..
function remove_cssjs_ver( $src ) {
if( strpos( $src, ‘?ver=’ ) )
$src = remove_query_arg( ‘ver’, $src );
return $src;
}
add_filter( ‘style_loader_src’, ‘remove_cssjs_ver’, 10, 2 );
add_filter( ‘script_loader_src’, ‘remove_cssjs_ver’, 10, 2 );
Akismet you can removed if you use clouldflare because they protect you from comment spam in one those settings..
Hi,
I believe you refer to the social icons from the top menu widget area: http://screencast.com/t/lR7Y7nI7fVp
I have checked your site and noticed that you have hidden the top menu so first you need to enabled it from theme panel like this: http://screencast.com/t/IIL0V0RuSuSN
After this go to appearance > widgets and add the social icons widget to the top right social widgetised area and customize it like this: http://screencast.com/t/sLyX9vDuKT save it and you should get this result: http://screencast.com/t/lR7Y7nI7fVp
If you want to add it in your sidebar you have to do the same and add it to the sidebar you want: http://screencast.com/t/tjZVBrL3
Should work just fine, make sure you do this right.
You can remove the pagination via custom css, like this: http://screencast.com/t/HmN5Dw5IaG6
Use this custom css in theme panel > custom css:
.home .page-nav {
display: none;
}
Thanks
Hi,
1. Use the following css (add it inside the Theme Panel -> Custom CSS):
.single_template_3 .header-logo-wrap img {
margin-bottom: 10px;
}
2. Check if the sharing buttons are enabled in the Theme Panel – http://screencast.com/t/Vjr7zkgjiZ5Y and if the line is present inside the loop-single-3.php – http://screencast.com/t/7ExjQf21
Maybe you commented the line or moved it in the past.
Thank you, Emil G.
Hi,
Please make sure you follow this steps:
* https://forum.tagdiv.com/pagespeed-guide/
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
Thanks
Can somebody show me how to remove similar articles from appearing at the bottom of posts? I accidentally enabled it somewhere somehow and I cant remember where or how to remove it
Thanks in advance
Hi,
I found many people missed the “next page” part.
They do not know the article has page two.
Could I move the “next page” part in front of the article bottom ads?
Sorry for my bad Englsih.
@adhi
hiding the toolbar top of page is easy; but not hiding all the admin functions, dashboard, footers, and other elements that say “WordPress.” This can only be done via user roles and a plugin which hacks the various elements to remove the stuff like “Thank you for creating with WordPress” bottom of the page; or hiding all the stuff in the left sidebar based on user level.
I FOUND the plugin we were using for this very task, and it is this:
https://wordpress.org/plugins/white-label-cms/
The team doesn’t work on weekends.
Some of the gaps would be resolved via this CSS:
.td_block_big_grid {
padding-bottom: 0px !important;
}
.wpb_row {
margin-bottom: 0px;
}
Adjust px as desired.
The horizontal gaps are harder to remove because they’re part of the entire grid layout. I would recommend not bothering, but if you really have to, you could play with these values…
.td_block3 {
margin-left: 20px;
}
.td_block3 .span4 {
margin-left: 0px !important;
margin-right: 0px !important;
}
Use .home .td_block3 and .home .td_block3 .span4 if you only want these to affect the homepage.
TagDiv support can probably help you with the ads; I can’t.
Hi tagDiv,
I want to change how the menu on Header Style 8 looks like.
First, I want to remove the border on the bottom which shows up when someone hovers on menu items:

Then I want to make it so it changes color on hover (and the border is hidden). So it looks like this: http://screencast.com/t/hKznv8GivPl
I also want to make it so that the “active page” thing doesn’t show the border at the bottom and only change the text color.
Please help ASAP.
Thanks!
Hi,
Please follow this topic, I have posted a solution for this there: https://forum.tagdiv.com/topic/move-social-sharing-buttons/#post-15017
Thanks
Hi,
If you need that widget to appear only in that category follow this steps:
First remove the code I provided before to add an widget using short-codes, this code adds this block from the bottom of the category page: http://screencast.com/t/TH9vXkb1
After this create a new sidebar like this: http://screencast.com/t/qDp0rEFACe
Then go to appearance > widgets and add the block widget you want to the newly created sidebar, like this: http://screencast.com/t/bBb3sqdpzIS
After you have done all this go to theme panel > categories to the category you want to add the sidebar at and select the new created sidebar for that category only, like this: http://screencast.com/t/kwyygatOZ
Should work fine after this: http://screencast.com/t/J24VaBjRS
Thanks
Hi,
Please remove all css that me and Emil provided for this and use just this one to get this result: http://screencast.com/t/uRAgnCzQKYCh
.td-header-style-8 .td-style-8-logo-wrapper .td-logo img
{
max-height: 176px;
}
.td-boxed-layout .td-header-style-8 .td-menu-wrap, .td-header-style-8 {
height: 172px;
}
.td-header-style-8 .td-style-8-menu-wrapper {
vertical-align: bottom;
}
.td-header-style-8 .td-li-wrapper-menu .sf-menu li:hover ul, .td-header-style-8 .td-li-wrapper-menu .sf-menu li.sfHover ul {
top: 176px !important;
}
Thanks
Unfortunately that css did not work or move the megemenu at all.
http://fidouniverse.com/fidoblog/
I would like the menu and the megamenu to both move down together until the top of the megamenu to align with the bottom of the blue background.
Please view the following to see how I would like the menu to be positioned.
http://www.screencast.com/t/RoRnvYj9l
Thanks!
-
This reply was modified 11 years by
mlgallant.
That worked great. Thanks! Now how to I move the menu down so that the megamenu top aligns with the bottom of the header background.
http://fidouniverse.com/fidoblog/
Hi Sergenial,
All the white spaces are reduced as I wished and that is to thank for TheMediumUTM tha helped me a lot.
These are the codes I got from him and pasted in to theme panels costom css area.
————————————————————–
@media (min-width: 1019px) {
.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
}
.td_mod_wrap .meta-info {
display: none !important;
}
.td_block_wrap { margin-bottom: 0px; padding-bottom: 10px; }
.td_mod_wrap { margin-bottom: 10px; }
.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9 { margin-bottom:
10px!important; }
.td_mod_wrap .thumb-wrap { margin-bottom: 10px; }
.wpb_row { margin-bottom: 10px; }
.td_mod3 { min-height: 65px; }
.td-grid-wrap {
padding: 10px
}
Now I am happy with how the home page looks. There is only one problem and that is that the content-wrap has margin left.
here is my site:
http://www.ecofame.com
good luck
ecofame