- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
You can use W3 Total cache to minify your html but make sure you disable the js and css minifier.
Hope this helps!
Thanks
Hi,
Unfortunately that would not be easy to achieve and you would need custom work and you would also need to get someone to do that for you.
Use this custom css to target the title and style it as you like: http://screencast.com/t/53ZkJcJB
.td_block9 .entry-title a {
color: red;
}
Thanks
-
This reply was modified 11 years by
Lucian.
Problem in Eliminate render-blocking JavaScript and CSS in above-the-fold content as below:
(http://www.screencast.com/t/OmB6OspiQP5)
Followed Step 4 according to: https://forum.tagdiv.com/how-to-make-the-site-faster/
But I am not getting corresponding id as below:
(http://www.screencast.com/t/6HNnSMl0IZx)
What I have to do please?
It would be great help.
And Any plugin to minify HTML for this theme?
After Installing and followed all step for plugin. I am still getting error to solve minify this CSS and JS as follow
(http://www.screencast.com/t/zsVCpJW1hrD>)
How to solve this also. ?
Thank you in advance.
Hi,
Sorry for the delay!
You can do this by adding you custom module and custom block flies to the module and shortcodes folder then edit the td_wordpress_booster file and register them like this: http://screencast.com/t/zT5bj2zFyecJ
You have blow the line you need to use, just change the file names.
locate_template('includes/modules/td_module_10.php', true);
require_once('shortcodes/td_block_10.php');
After this you can add the new block on the page using the page builder – http://screencast.com/t/uk0vrRrsw7
You also need style the new block using css (add the css inside Theme Panel -> Custom CSS).
Hope this helps!
Thanks
Hi,
You can use this custom css: http://screencast.com/t/iEdnCWVx
.video-central .td-post-text-content img {
display: block;
}
Thanks
Hi,
Please use this custom css in theme panel > custom css: http://screencast.com/t/nRupOCbm
.sf-sub-indicator {
right: 12px;
left: auto;
}
.sf-menu a.sf-with-ul {
padding-right: 29px;
padding-left: 11px;
}
.td-no-subcats .td_mod_mega_menu {
margin-right: 1.883408071748879%;
margin-left: auto;
}
.td_mod_mega_menu {
float: right;
}
Thanks
Hi,
If you don’t need it you can also disable the plugin to remove that css file.
Make sure you follow this tread: https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
Thanks
Hi,
Please try this custom css, add it in theme panel >custom css field and change the height value as you like it: http://screencast.com/t/QBvAqCaHos
.header-logo-wrap .td-logo-wrap-align {
height: 80px;
}
Hope this helps, please let me know!
Thanks
I did see the left right arrow graphics seem out of place, which may be related to the language file or some other custom CSS on page changing the alignment of those left/right arrow graphics.
Hi,
Use this css: http://screencast.com/t/ca7CZujNb
.td-g-rec-id-custom_ad_2 {
margin-bottom: 10px !important;
margin-top : 15px !important;
}
Thanks
Thank you. It was my mistake in Logo settings. It’s working fine Now. I have some render-blocking JavaScript and CSS problem. What i have to do now ? I followed all steps of https://forum.tagdiv.com/how-to-make-the-site-faster/ this page.
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fimprogrammer.net&tab=mobile
My Page Speed is too low in Mobile : 54 / 100Speed
According to step 4: We copying into text and finde id and set into td-speed-booster.php. But I am not getting all corresponding ID in that.
Like this one:
What i have to do now ?
-
This reply was modified 11 years by
improgrammer.
Hi Guys,
My Site score is too bad: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fimprogrammer.net&tab=mobile: It is only 54 / 100
I followed This all steps: https://forum.tagdiv.com/how-to-make-the-site-faster/
I also followed Step “4. Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)”
but i am not getting id of that file in my text file. It is not showing all blocked file id.
What i have to do ?
And also Minify HTML Which plugin i have to use ?
Thank you so much Please help me
Hi,
You could try something like this: http://screencast.com/t/ZBMcRUs2zK
Use this custom css in theme panel > custom css filed and adjust as you like:
.page .td-page-wrap .woocommerce .button, .page .td-page-wrap .woocommerce .form-submit #submit {
font-size: 17px !important;
padding: 13px 8px 13px 8px !important;
}
Thanks
Hi,
1. You can apply a border radius to your block titles, like this: http://screencast.com/t/sLF2zSF0f9vR
Just add this custom css in theme panel > custom css:
.block-title a, .block-title span {
border-radius: 20px;
}
2. You can also do it via css, like this: http://screencast.com/t/rWqVFEBYoI
.category .td-page-title span {
font-family: 'Sacramento';
}
Thanks
Hi,
You can add the the logo like this: http://screencast.com/t/sCyENDge and use custom css to apply a background color to it, like this: http://screencast.com/t/xGtC6qiTD5CH
.page-template-page-homepage-blank-php .td-affix .td-logo-rec-wrap, .td-full-logo {
background-color: #dd3333 !important;
}
If you don’t know how to do this we recommend you to hire a freelancer from sites like: http://studio.envato.com/ because we cannot offer custom work as we work hard on the development, updates, fixes and support.
Thanks
Hi,
@Gee95 Chose the time type and add it inside your post template, like this: http://screencast.com/t/IpDJUlVzaG
Result: http://screencast.com/t/9LdloRYlfrTu
This is the css used, the ex is for the default template.
.meta-info p {
display: inline;
}
header time {
margin-right: 20px !important;
}
Thanks
I tried the method and added the code to functions.php to detect the css id of jetpack csss file, but it wasn’t in the list.
Hi,
@ctomlin
You can document yourself about how to do this online. I believe there are plugins that help you with this. You can also go trough this guides/topics to find out more about how you can get the best pagespeed score:
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/pagespeed/
– https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
Hope this helps!
Thanks
Hi,
You can use the css like this: http://screencast.com/t/bAGr7yr8h
This way it will not affect the mobile screens and the changes will be made only for tables and desktop screens.
@media (min-width: 768px) {
.td_mod8 .item-details {
margin-left: 240px !important;
top: -4px !important;
}
.td_mod8 {
min-height: 150px !important;
margin-bottom: 30px !important;
}
.td_mod8 .entry-thumb {
max-width: 220px !important;
max-height: 124px !important;
}
}
Hi,
You need to do it via custom css as there is no option for this in theme panel: http://screencast.com/t/s7LBCsgd6Ud
Use this css and add the color you want:
.home .span8 .td_mod9 .entry-title a{
color: white;
}
Thanks
Hi,
Make sure you empty cache as I said before the since version 4.5 the css generated by theme is saved in the database so it could be due to cache. Please make sure you also empty your browser cache use (ctrl+f5).
Also consider resaving your settings then check again.
Thanks
Hi,
You can disable jetpack plugin to remove it or follow this guide and use the function which moves the js to the footer to do it: https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
Thanks
Hi,
@DoOove
I have checked your site and found this js error in your console: http://screencast.com/t/rggV9CJgb
I have also tested this and found no issue with theme’s custom background feature. In your case this may occur due to some plugins which generate this js conflict so please deactivate all plugins, empty cache and/or purge files if you use any cache/CDN plugins and check if this is still happening.
Regarding the second issue you could try to resolve it as Christopher suggested and make the desired changes to your theme style directly in the style.css file as it contains the default theme style which is loaded first and because of the cascading property of the css style appears the delay you have noticed.
Hope this helps!
Thanks
You can minify html safely. For CSS and JS, you could turn on manual minify mode in W3TC and input each individual script to minify, leaving out the ones that cause errors (i.e. theme ones). Pagespeed also gives you the full URL to each one that it identifies. This is a bit of a pain, but at least you clear away the Pagespeed messages. 🙂
Note that Pagespeed will also complain about external ones, and I believe there’s nothing you can do about that.
Luke
Hello,
I was trying to optimize page speed, and followed all of the steps at: https://forum.tagdiv.com/how-to-make-the-site-faster/
Following these steps:
Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)
Question:
1. Here is my result after I add the code at the end of the functions.php file:
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpseo-admin-global-script | http://livelovefruit.com/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://livelovefruit.com/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://livelovefruit.com/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
jetpack-subscriptions | http://livelovefruit.com/wp-content/plugins/jetpack/modules/subscriptions/subscriptions.css
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
grunion-menu-alter | http://livelovefruit.com/wp-content/plugins/jetpack/modules/contact-form/css/menu-alter.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://livelovefruit.com/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://livelovefruit.com/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
woocommerce_admin_menu_styles | http://livelovefruit.com/wp-content/plugins/woocommerce/assets/css/menu.css
jetpack-icons | http://livelovefruit.com/wp-content/plugins/jetpack/_inc/jetpack-icons.min.css
social-icons-widget-admin | http://livelovefruit.com/wp-content/plugins/social-media-icons-widget/css/social_icons_admin.css
woocommerce-activation | http://livelovefruit.com/wp-content/plugins/woocommerce/assets/css/activation.css
Then, when I go to look for corresponding ID’s, I only find the social-icons-widget-admin as something slowing down my site, but can’t find any of the others mentioned shown here (click link): http://livelovefruit.com/?attachment_id=7267
2. You say not to minify with W3 total cache, but on my page speed insights it says that I should minify html, minify css, and minify JavaScript. What should I do in this situation?
Thanks,
Carly