- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Thanks for the tip Lucian, do I put this in the css section or just in the header section of the code?
i also think that is only a css, but i don’t find the solution to fix this.
For minification I only recommend the following, and DONE MANUALLY:
I use http://cssminifier.com/
1) remove all the comments in wp-config.php manually
2) minify the style.css file
3) minify the functions.php file
4) if not running mod_pagespeed which does it for you, then you might also consider, manually opening your main post template and remove all double spaces and comments.
these are probably the 3 most loaded files on a WordPress site, and minifying them can really help.
Also putting in your direct URLs for base URL and home URL in the wp-config.php file really helps by saving queries. Similarly direct link to your theme folder also saves queries. But that is a bit advanced. See the WordPress Codex for more info on this topic of optimizing the wp-config.php file for hard-coded PATHS on your domain.
-
This reply was modified 11 years by
simchris.
i want to move the logo the red lined place how can i do this ?
http://i.hizliresim.com/q398O5.png
Also i want to make header area smaller, can you share css codes with me?
thanks.
Hi,
1. We will take a look at this and fix if we find some issue, please also test this without plugins!
2. I’ve noticed that some of this errors come from your plugins so I suggest you also check if you still get this errors without any plugins active.
Please also rename the short codes via SQL: https://forum.tagdiv.com/update-newsmag-to-1-5/
The get header error occurs when you try to access the theme’s index.php file directly and this is caused by the theme’s inability to locate the WordPress get_header function as it dose not passed trough WordPress when the request is made and in that case the function doesn’t “exist”.
You can read more about this and also have a solution for this here: http://ardamis.com/2011/06/02/fix-for-php-fatal-error-get_header-in-wordpress/
3. Try this css: http://screencast.com/t/nzVXqmuL
.td_related_posts .td-next-prev-wrap {
bottom: -40px;
left: 20px;
top: auto;
right: auto;
}
Thanks
Hi,
Please use the guides I’ve pasted below and the tagdiv speed booster plugin to do it:
* https://forum.tagdiv.com/how-to-make-the-site-faster/
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
Thanks
Hi,
I have investigated this and seems that the mega menu feature it bound by the header menu id that is why the menu breaks, changing it is not simple and you would need additional customization besides changing the menu id.
You could try to add menu items for both you menu then use css to hide the ones you want only on mobiles on desktop and reverse.
Sorry for the inconvenience!
Thanks
Hi,
Please try to use this custom css to make the more art box smaller: http://screencast.com/t/YBI2nHQQlsEa
Adjust the css values as you like.
.td-more-articles-box {
max-width: 250px;
}
.td-more-articles-box-title {
min-width: 200px;
}
.td-more-articles-box .td_module_1 .entry-thumb {
min-height: 116px;
}
Thanks
I was referring about module 14. I found the solution to remove the white space that appeared at the top of the page by adding the following code as custom CSS for that page.
.td-pb-article-list .td-ss-main-content {
padding-top: 0px;
}
Hi,
I believe you can achieve this trough custom css but I need to check your site and inspect this. A detailed screenshot of it would also help.
Thanks
Hi,
You can use this custom css in Theme Panel > Custom Css: http://screencast.com/t/fYBuW4Sc
.page-id-xxx .td-header-sp-ads .td-header-ad-wrap{
display:none;
}
To find out page ID please see here: http://screencast.com/t/5miKyt1CNbP
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
should the path include file name?or shold it be the folder that includes .woff file?
and the path should be of .woff file?
i have added the folder with all types of file
css , woff , html , otf , svg , tff
Hi,
Try this custom css: http://screencast.com/t/jEuG5TNp
body.page-id-96 .td_mod3 .item-details {
margin-right: 117px;
margin-left: 0px;
}
Thanks
Hi,
I upgraded to the new version of the plugin Speed Booster 3.2
but does not put in the footer the following files:
http://www.knews.it/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.4.2
while in vesrione 3.1 worked great
Appearance for your feedback about
good job
Orlando
Hi,
Try to expand the ad container using a css like the one I’ve pasted below and adjust it as you like:
.header-content-rec .td-g-rec-id-header, .header-content-rec .td-a-rec-id-header {
height: 120px;
}
Hope this helps!
Thanks
I’m using Header style 5 which has a banner below the menu and it works fine across the site. Now I want to create a page but only for this page, I don’t want the banner to show. How do I make that happen? I remember asking before and was told that this could be done by CSS
Hi,
Try this custom css, add it in theme panel > custom css filed: http://screencast.com/t/Pyx8lRcnJ89z
.td-grid-wrap {
padding: 0px 13px 0px 13px;
}
Thanks
Hi,
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/hixSaoXF1f
.ls-lightskin{
z-index:0;
}
Result: http://screencast.com/t/MUNx55CUi
Thanks!
Hi,
Unfortunately we don’t plan at the moment to change the looks of the menu so I can only let you know that we will consider this for future updates.
The snap menu uses a different class which can be used to style it as you like: http://screencast.com/t/aciqoyhWFrJ
You can hire a freelancer to do this for you if you don’t have any html/css knowledge.
I believe you can also use a plugin for this but I can’t recommend you any as we haven tested any plugin of this type.
Thanks
Yup. I did this back and forth while deciding whether to use Newspaper or Newsmag on a particular site which was 10 years old. The only hiccup I had was one time with a major update, like from Newspaper v3 to v4 (or was it v2 to v3), a couple of modules changed, and so I had to redo couple things on the sidebar. Which is kind of expected sometimes.
Obviously if you’re really paranoid, also, you could look at your widgets panel and do a screen capture of the module layouts for sidebar or custom home page sidebar … juuuuuuust in case.
And you should also backup your custom CSS just to be even more paranoid 🙂
Apple abandoned Safari for windows in 2012, almost 3 years ago; so by today’s web standards it’s pretty ancient. I think that even pre-dates bookstrap, doesn’t include modern rendering engines, and didn’t yet fully embrace HTML5; so… it’s kind of like running IE9, except without the “fix file” included for IE9 with most modern CSS.
Hi,
Please use this custom css in Theme Panel > Custom css: http://screencast.com/t/raP8bB6K
.post ul.td-category a{
padding: 10px 10px 10px 10px;
}
.post .entry-category{
font-size: 15px;
}
.post .entry-comments-views{
font-size: 15px;
}
Result: http://screencast.com/t/nnzWXtNb
You can change font for excerpt from Theme Panel > Custom Typography > Tabs > Excerpt font: http://screencast.com/t/YTkVYvTco
Result: http://screencast.com/t/jEAVWvCd
If you want to change excerpt’s font only on homepage: http://screencast.com/t/jVp8AiZ6
.home .td-post-text-excerpt{
font-size: 15px !important;
font-family: Ubuntu !important;
}
Thanks!
Hi,
First you should update the theme to the latest version and also update the plugins.
1. You have to move the css that comes from the plugins to the page bottom, you have to look for their classes and use the function presented in the pagespeed guide, use the provided function to identify the classes (for css you can also look into the page source) – http://screencast.com/t/tmBelfMQ
Do not move the style.css that comes from the theme, it causes issues.
Ex:
$this->move_style_to_footer('js_composer_front');
You should do this only after you decide which plugins you’ll use. Also note that not all plugins will tolerate this operation, after each move check the site to see if everything works fine.
About contact form – we use Contact Form 7 on our demo, you can try it or ask for another recommendation, i’m sure someone will provide some feedback on this.
2. and 3. Avoid js minification, it causes errors.
Try the other minification settings included in the W3 Total Cache plugin. – http://screencast.com/t/3cbIE92N
Thank you, Emil G.
Hi,
We know about this issue and it will be fixed in the in the next update. Sorry for inconvenience!
Until then you can use this custom css to fix it:
.td_mod_aj_search .entry-title a, .td_mod_aj_search .entry-title {
white-space: normal !important;
}
Thanks!
Hi,
1. The theme is built based on a 3 column grid layout so a full width page will use all three columns.
2. You can add a custom css class to the row you don’t want on mobile screens, like this: http://screencast.com/t/7f8qM2Xap3 then use it to hide that row on mobiles using the class you added.
ex:
.hide_on_mobile {
display: none;
}
3. I don’t think so also. You have three types of pagination on blocks: http://screencast.com/t/sdTcb1Uh
Thanks