- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Thank you for the response and clear instructions .
Few things-
As of now I have 25+ plugins installed under the wordpress while as I can see in the screenshot http://screencast.com/t/RZLIOPUNdqh , there are almost 10 plugins whitelisted under TDbooster.
Does it mean that having any other plugins other than these 10 plugins will automatically disable the TDbooster even if it is activated under the plugin dashboard. Right?
But then on my “system status “dashboard ( see here : https://i.imgur.com/rpcyRvM.jpg ) why it’s showing only one incompatible plugins even though there are 15+ plugins which are activated but not whitelisted under the tdbooster plugin? Or is it because under the “system status” it can only show one name, no matter even if other plugins are also causing compatibility ?
Now about the workaround solution:
1. Can I whitelist the incompatible plugins ( in this case the one plugin name “adminise” shown under system status ) If yes then what code should I write there under the TDbooster .php file.
2. The second method you said is to remove ( or commenting out) the code which causes the restrictions on incompatible plugins and hence I should remove the codes shown here http://screencast.com/t/RZLIOPUNdqh .
Right?
And you somehow missed to respond on the point no-5 in my previous comment where I tried to detect the JS/CSS files but couldn’t achieve the desired result. I am copying the same question here again:
5. I tried to move the JS, CSS files under footer based on the instructions given here: https://forum.tagdiv.com/how-to-make-the-site-faster/ . I extracted and copied the list of registered JS and CSS files in a text file ( Look here: http://pastebin.com/D5CAive8 )
but then I compared it with my blocking JS/CSS listed under Pagespeed ( look here: http://pastebin.com/EH2uS3Pz )
But the problem is, almost none of the JS/CSS files listed under Pagespeed is matching with the one I extracted from my sites using functions.php code. For example- As per Pagespeed, I can see that YTSubscribe and Facebook Login JS/CSS files are causing issues, but I can’t find it under the extracted list.
Please take your time and help me to achieve greater speed and performance of my site. I am worried because just few days back under my old themes, I used to have 97 Pagespeed score and 90 Yslow scores but currently it’s too bad 🙁 ( Have a look at my speed scores on 20th august 2016 snapshots: https://i.imgur.com/JbnKtAO.png )
Thank you.
In our case there was some weird issue with Visual Composer where processes would go out of control and server CPU would spike from “1” to “70” and eventually crash the box even with dual XEONs and 32GB RAM. There was no server side “tweak” to solve it.
At the time, Radu made a “shim” where we could create layouts with most of the TD modules for our home page, disable VC, then leave the shim on. That worked great the past 15 months or whatever it’s been.
If your server had the same particular mix we had, and running 1.71, and the older version of Visual Composer, you can “try” to build your home page, then DISABLE the plugin and see if the pages still load once the CSS is there.
But really, v 3.1 is awesome and I keep finding little gems, like the ” – advertisement – ” for ad spots, the IDs for categories shown in module drop downs (!), etc. — loving it!
Hello nano,
Please keep in mind that all of these buttons has been designed to be used in post content and all of these dimensions were special defined to fit as expected the layout and if you want to change the structure of them you will break all the site. Also, please notice that is not enough to simply change some values with CSS and please notice that task is not a simple one and it needed more custom work until to achieve good results. As my college mentioned in another topic, we cannot provide custom modification at the moment, sorry! Also, if you are unhappy with our sharing button, please notice that you can disable them from the panel and you can try using a plugin with has another design for sharing buttons which use it. We cannot provide any recommendation in this regard because we have not tested any plugins in this case.
Thanks for your understanding!
HI
Try this css in theme panel > custom code > custom css to add a background image in this section: http://screencast.com/t/idc1ghnT
.category-style .td-category-header{
background-image: url("http://www.irreverentgent.com/wp-content/uploads/2016/08/How-to-Look-Confident-banner.jpg");
}
That code will work only for style category page. If you want to add an image for each category just change the first selector like this:
.category-"cat-name" .td-category-header{
background-image: url("new bg-image");
}
Hope this helps.
Thanks!
Hi,
You will need custom modifications for this as the mobile logo was designed to appear on the mobile header between the menu and search icon.
I will provide a css for you can start customize this, but you will need some additional changes for you specific case. Try this custom css in Theme Panel > Mobile Theme > Custom Css – http://screencast.com/t/bmIzvSCmeG
.td-main-menu-logo img {
float: none;
display: table;
margin: 0 auto;
top: -60px;
}
.td-header-wrap {
margin-top: 60px
}
.td-main-menu-logo {
float: none;
}
It worked on my side but you will need to adjust for your specific case. If you don’t have experience I’ll suggest to get someone to help you as we don’t provide custom services.
Thanks!
Hi
The text from indicated button is located in an iframe and can’t be controlled with custom css from outside. You will need to inject a css directly in this iframe: http://screencast.com/t/kXWgHG9kt Basically button’s style comes directly from Facebook.
Thanks!
Hi,
Except for cludflare we have not found any viable plugins to minify the css and js. One of our veteran users as his own custom modifications guide that may be of help (it includes minify alternatives): https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
I hope this helps.
Hi
Use this css: http://screencast.com/t/P8UqML2fbcZh
.td_social_type .td_social_info:first-child {
display: none;
}
Keep in mind that we can’t offer customization services and any tasks which involve changing default behavior of a specific feature involve custom work. We can offer support for anything related with theme’s features, by this I mean that we can help users to understand how the theme works, how to use a specific feature. We do our best to offer high quality support and we can afford to offer only small customization. However we can’t change theme’s functionality and any tasks which involve custom works falls beyond the support can offer you. If you want to customize the theme and add/edit features my advice is to look for someone who can help you with implementation or hire a developer to do it for you.
Thanks for your understanding!
Hi
You will need to update the css to change the current layout for mobile devices. This is a very complex task which involve many customizations in order to be achieved.
We can’t offer custom work at the moment so if you really need this and you’re not aware of the steps you need to take in this regard my advice is to look for someone who can help you with implementation or fire a developer or a freelancer to do this for you.
Thanks!
Thanx, kind of got it with the style.css
Maybe a template 11 with the related posts below would be a nice update. 🙂
Oh! Now I understood, I was actually looking for the word “SHARE ON FACEBOOK ” , “TWEET ON TWITTER” at the end of the post, but these codes only changes on the size and padding that’s why I couldn’t notice the difference much.
I am really sorry for causing so much troubles again and again for silly things but sometimes you just wasnt to do things right.
Is there any way to change the text inside because by adding the texts, I think it will automatically become bigger. I only want to increase size ( add the texts ) for Facebook and if possible Twitter too… and we do have space on the right. ( Have a look : https://i.imgur.com/sDnELit.jpg )
In simple words:
1. I want to increase the width of Facebook share button on the top below post title. My thoughts are inspired from ViralNova or boredpanda share button which uses full length big facebook share buttons. So, I want to make “FACEBOOK SHARE BUTTON” more prominent. We can leave others buttons as it is ( but only the heights of all buttons should be similar). I know these are only some plays of CSS codes but since I don’t know CSS, you may help please. ( Have a look: https://i.imgur.com/r9yawep.jpg )
2. And then I want the share buttons to look same at the end of the post as it as the beginning.
PS: Don’t we have “Social share/like counting option” by default as with previous themes as well as with Addthis code, It used to show total number of shares or cumulative number of shares.
Hello techpaced,
The color of the category tag can be changed from your Theme panel, like this -> http://screencast.com/t/IzHh4pAQRPn9
If you want to change the color of the social sharing buttons, please notice that you will have to use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
.td-social-facebook {
background-color: green;
}
.td-social-twitter {
background-color: pink;
}
.td-social-google {
background-color: blue;
}
.td-social-pinterest {
background-color: grey;
}
The result -> http://screencast.com/t/X7ra6KwLS3D
Thanks.
Hello srampia,
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!
Also, I have noticed that above sites which you gave me, as an example, are supports the RTL mode while out theme do not support this mode, sorry!
Thanks for your understanding!
Hello nano2408,
I have checked again the code and still working. Please check your custom CSS area and please ensure that you have not syntax errors. The proof that our code is working fine you should see here -> http://screencast.com/t/ea6IMRb8t7
Thanks.
Hi,
Quite a few things have changed since newspaper 4. If you want to reduce the height of the image you can use a bit of css like so:
@media(min-width:1018px){
.single_template_3 .td-post-featured-image{
transform: translateY(-70px);
height:483px
}}
You can add the code in the theme panel->custom css box
Thank you!
Hi
The theme has been developed to be fast but it may still need configurations on this matters so test your site using google’s page speed insights testing tool(or gtmetrix) and make sure you follow the guide instructions and methods then test your site again.
I’ve tested your site using google page speed and noticed that your server response time is very slow. According to google report it takes more then 5 seconds until the server deliver the requested data: http://screencast.com/t/taHVTK3OB Make sure that the server meets theme’s requirements: https://forum.tagdiv.com/newsmag-requirements-for-newsmag/ and also check if the parameters from system status have the values indicated here: https://forum.tagdiv.com/system-status-parameters-guide/
Also try deactivate all plugins except Visual Composer, clear all caches then test your site page-speed again. In terms of speed we have made a page speed guide and covered the most important aspects that google notifies you of (image optimization, js/css render blocking and more..) and based on which it classifies and grades your site regarding speed. You can find it here: https://forum.tagdiv.com/how-to-make-the-site-faster/
If you decide to use the speed booster keep in mind that is an optional plugin and it was designed to work only with tested plugins – http://screencast.com/t/FXXDNtqfz in case you use other plugins it will be automatically disabled, so please check System Status – http://screencast.com/t/9SmVSXqe To make it work with other plugins you will have to alter the code and remove/comment this – http://screencast.com/t/RZLIOPUNdqh Also you may find some useful information here: https://forum.tagdiv.com/topic/website-memory-problem/ – https://forum.tagdiv.com/topic/speed-booster-and-akismet/
Thanks!
and if it so hard to do with css. Do you recommend a coder because not every coder can handle your difficult theme. So only for the width every thing has to be re-designed then i need a coder how already have done that.
Hi support team,
While testing my site speed on Google PageSpeed Insights, and this issues came up:
1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
2. Minify JavaScript
3. Minify CSS
4. Leverage browser caching
5. Enable compression
6. Minify HTML
Could you please help me with these issues?
Thank you.
Hi,
There are no versions to the speed booster compatibility :). There is a function inside of the speedbooster code. This function contains a list of compatible plugins: http://screencast.com/t/hcjLnOqh4i2
The install order does not matter. When speedbooster detects any plugin that is not on the list, it will disable itself if the plugin is already active or when you activate it.
There is however a workaround if you truly wish to use speedbooster with your current plugins, you can make it work by removing or commenting out this code here: http://screencast.com/t/RZLIOPUNdqh
This method is not an official position and it could create problems with certain plugins.
You can see if speedbooster is active in the system status screen here: http://screencast.com/t/hc6bYTijII
Make sure the plugin is active and then check for render blocking js and css.
Thank you!
Hello mclanfranconi,
I have checked your website and please notice that this border is not theme related but only it will come from your Google Adsense code. So, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
#aswift_0_expand {
display:initial!important;
}
The result you should see here -> http://screencast.com/t/wXaZq2rrpX5
Thanks.
Hello,
Unfortunately our theme has no such option and css cannot do that so the only solution will have to be hard-coding it. You can use this code:
if ($current_item_number !=1 ) {
$buffy .= '<div class="td-number-and-title"><h2><span class="td-sml-current-item-nr">' . $current_item_number . '</span><span class="td-sml-current-item-title">' . $item_array['title'] . '</span></h2></div>';
}to replace this code: http://screencast.com/t/IxWHwwXwaGKw
But there is one catch: You have to set the smartlist in ascending order for it to work. If you have it in descending order it will remove the last title instead. http://screencast.com/t/zRVBZSdea
Thank you!
Hello dmills1,
Try the code below and place it in Theme panel->Custom CSS area.
.footer-email-wrap{
color:red
}
The result -> http://screencast.com/t/IPCMpWTb
Thanks.
Hi,
I use the custom css to change the width of the single post.
@media(min-width: 1111px){ .single .td-container, .single .td-header-container, .single .td-header-main-menu.td-affix, .single .td-pb-span12 { width: 1111px; } .single .td-pb-span8{ width: 772px; } .single .td-pb-span4{ width: 339px; } }
How can i do this for the complete site? So for homepage and category page?
Thank you in advance
Hi,
You will need to use a plugin for your avatar like WP User Avatar and add an image to your profile.
And in your post template add this code(here you can find more info – https://codex.wordpress.org/Function_Reference/get_avatar) to display avatar next to Author: http://screencast.com/t/CUTd6WAMgET4
get_avatar(get_the_author_meta( 'ID' ), 32 ) .
And use this custom css in Theme Panel to add radius and a bit of padding.
.avatar-32{
float:left!important;
padding-right:5px;
border-radius:20px;
}
Now depending on the post template it could need a bit of more css adjustments as not all post templates display the meta info the same way.
Thanks!
Hello seifdine,
Unfortunately, please notice that our theme does not have an RTL support and that’s why the mobile menu will appear on the desktop version. As a quick fix in this regard, please try to use the code below and place it in Theme panel->Custom CSS area but still you will also need other additional customizations which cannot offer them because we cannot provide custom work at the moment, sorry!
The code is ->
.td-menu-background,
#td-mobile-nav {
display: none;
}
.td-menu-mob-open-menu .td-menu-background,
.td-menu-mob-open-menu #td-mobile-nav {
display: block;
}
If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you!
Thanks for your understanding!
