- NewsmagLoading image effects
- NewspaperLoading Image Effects
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperFlex Block Settings Guide
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperBig Grid Flex Settings
- NewspaperDesign your post pages using the Default Templates
- TutorialsDefault Block Settings Guide
- TutorialsSystem status parameters guide
- NewsmagRequirements for Newsmag
- NewsmagBlock settings tutorial
- NewspaperBlock settings tutorial
- NewspaperMore articles box
- NewspaperRequirements for Newspaper
Hi,
This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into style.css – http://screencast.com/t/HYAkKVIoHBv
Thanks!
Hi,
The option from Theme Panel refers to the lazy load on all images on your pages, posts… The effect animation allows you to animate your theme images as you scroll from top to the bottom on a page.
Please try this custom css to remove zoom effect for all Big Grids – http://screencast.com/t/aaJY97QL56
.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
And to remove gradient you can use style 4 – http://screencast.com/t/HSmejUSBldx8 – http://screencast.com/t/eUOW9Rz1uy
Thanks!
Hi,
1. Please try this custom css in Theme Panel > Custom Css for homepage big grid – http://screencast.com/t/AHh1o5Rdovd
.home .td_block_big_grid_1 .td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.3)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
}
2. Check this custom css for Newsticker on homepage – http://screencast.com/t/nvVJdY36Y
@media (min-width: 768px) and (max-width: 1018px) {
.td-trending-now-wrapper {
padding-left: 14px !important;
}
}
@media (min-width: 1019px) {
.home .td-trending-now-wrapper {
padding-left: 23px !important;
}
}
3. Please provide more details as I’m not sure what you mean.
4. You can use custom css to remove it. This is the default padding added to all blocks, it is not individual added – http://screencast.com/t/o1uzxdxLA You can try to reduce it only on homepage using .home class and do this for each block as it may break the layout, you need custom work to do this for all blocks, sorry.
5. The author name on Big Grid can be hidden via custom css in Theme Panel > Custom Css – http://screencast.com/t/JItaPLaE8m
.td_block_big_grid_1 .td-big-grid-post .td-post-author-name {
display: none;
}
You can do this for each big grid just change the number of big grid that you use, for example – http://screencast.com/t/2NznmheJZR1
Thanks!
Hi,
Not sure if this is what you mean but you can try this custom css and play a little with those values maybe you find what you need, also remove background for title – http://screencast.com/t/bwVVEoIM
.td-image-gradient-style8:after {
background: -moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.td-post-template-8 .td-post-header {
background-color: transparent !important;
}
Thanks!
Hi,
The theme js and the js coming from certain plugins depend on jquery. If you set it to async the js may load before jquery and errors may appear because of this. This is a general issue and there’s no solution for it yet. If you move them at the bottom most of the html content is loaded before executing the js and the penalty is smaller. Google may still penalize you if you have too many resources, even if all those resources are moved at the page bottom.
Thank you!
Hi,
Unfortunately you will need custom work to move the bottom ad above the author box as it is apart of post content – http://screencast.com/t/78WC2EAv A solution to place the ad above the author box is to use a custom ad like Emil suggested above. Paste the code in a custom ad in Theme Panel > Ads > custom ad – http://screencast.com/t/JFsT6hi5o and use do_shortcode function to place the custom ad above author box – http://screencast.com/t/E1euKrXjuE – http://screencast.com/t/HrDZYbvl9rr
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
Result: http://screencast.com/t/87OS4SszJVAG
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].
I love Newsmag as it is; just would like some options to streamline code, which the LESS compile method will solve for many things, thankfully. However, a “style2.css” and “functions2.php” kind of thing with all the bbpress, woocommerce, and other such things removed, would be super duper cool. Being able to just rename the 2 files to make them the default to cut the bloat for pure magazine sites would be on my happy camper list 🙂
Oh, and option to have the categories print bottom of page with tags vs top of page, which seems to cause a problem with pesky Google News (they pick up the categories for some reason as part of headline sometimes when printed above the headline). I am either turning them off, or manually moving them in the template file — not big deal, but some folks will cry about having to touch the code, as you well know.
Hi,
We use xampp installs for testing, we didn’t tested other tools so i cannot recommend you something else.
First backup the site files and database, in case something goes wrong you just use the backup to restore the site. Usually c-panel comes with an option for this, or you could do this manually – https://codex.wordpress.org/WordPress_Backups
You can’t keep the old theme in the same folder, you either delete it an install the new one or move it to another location.
In v6.1 we fixed some of the issues which were reported on v6.0:
[ Version 6.1 ]
- improvement: added global colour for block headers in General theme colors section
- improvement: now you can change the fonts on Lists in post content from Theme panel
- improvement: added .screen-reader-text class for better usability
- improvement: visual composer updated to the latest version
- improvement: better documentation + first video tutorials
- fix: UI improvements, key images now have a specified height, this prevents repaints and it makes the page appear that it loads faster
- fix: unique articles work now as expected
- fix: better review import from version 4
- fix: speed booster 4.1 works better now + buddyPress fix
- fix: big grids on iOS where missing titles until touch
- fix: block 20 css fix + speed booster
- fix: content bottom and top content ads css fix for safari, firefox and IE
- fix: various css fixes
- fix: social counter instagram
- fix: main menu z-index
- fix: missing Ajax filter option for IOS slider
- fix: visual composer single image block alignment issues
- fix: space issue when turn off the top menu on header style 12
- fix: the ajax dropdown filter sometimes disappeared when the mouse was moved down to select ca category
- fix: ajax filter - was deselecting all the selected filters from the page on click
- fix: better alignment on reviews
We may consider releasing beta versions in the future, thanks for your suggestion.
Thank you!
-
This reply was modified 11 years by
Emil G.
Hi,
We added a list with plugins with which we tested the Speed Booster plugin, it automatically disables itself if a new plugin is installed. This measure was added to prevent plugin conflict/failure for the average user. This plugin was intended for advanced user, it requires modifications on the code to add new resources (js and css) which are moved to the bottom of the page and conflicts may appear because some plugins may cause issues when you try to move their resources at the page bottom. If the things would have been easier we would make this an automatic process with no need to edit files and make error checking tests with each plugin.
There’s no need to disable all those plugins, you have to add them to the list and check if they work when Speed Booster is enabled. – http://screencast.com/t/q0VwS4g41F
You also have to follow the steps added in the documentation to add into SpeedBooster the resources coming from those plugins and see if there are any errors when they are moved at the bottom – https://forum.tagdiv.com/how-to-make-the-site-faster/
The Speed Booster plugin doesn’t replace the cache plugin, it just moves javascript and css at the bottom of the page. So you have to use a cache plugin, we recommend using WP Super Cache.
Thank you, Emil G.
1. How do I erase the excess pink space from the top of footer to snap closer to logo and same with bottom of footer to snap closer to social icons?
I think those areas have some padding due to the possibility to include some ads in those spaces. It looks like the height of the footer is hardcoded to be 1164×389. It is element ‘td-footer-wrapper td-footer-template-4’. You could change it in your style sheet.
2. How do I make the social icons in footer menu a bit bigger? And how do I make the hover colour on those icons a solid purple colour instead of the colours constantly changing?
The footer social media icons are designed to be 40×40. You’d have to change the styles too. Look at the following elements in your CSS: td-social-style-2 and td-icon-font. If you’re going to make several edits to the stylesheet, consider making a child theme.
3. Chris’s Pagespeed Custom Code no longer works (the one that you post at the end of the functions.php – will he be coming out with a new one that works with Newspaper 6?)
Have you upgraded to v6.1 of the theme?
4. How do I move the bottom share options (at the end of my posts), above my taboola advertisement so that they appear right at end of article?
Go to your dashboard. Theme Panel>Post Seetings>Sharing. You should see toggles to move the social sharing buttons.
5. Is there a code so that my custom ad 1 will appear underneath (or above) the author box?
I’m not sure if it always inserts it below ads. I think the author box is placed there via the posts template. You can attempt to mess with the posts templates to see if another one places the author box higher. Go to dashboard. Theme Panel>Post Settings>Default Post Template.
I have some questions here, and instead of posting them all in different questions, I’ll just post them in one large question:
My website is: http://www.livelovefruit.com
1. How do I erase the excess pink space from the top of footer to snap closer to logo and same with bottom of footer to snap closer to social icons?
2. How do I make the social icons in footer menu a bit bigger? And how do I make the hover colour on those icons a solid purple colour instead of the colours constantly changing?
3. Chris’s Pagespeed Custom Code no longer works (the one that you post at the end of the functions.php – will he be coming out with a new one that works with Newspaper 6?)
4. How do I move the bottom share options (at the end of my posts), above my taboola advertisement so that they appear right at end of article?
5. Is there a code so that my custom ad 1 will appear underneath (or above) the author box?
Thank you kindly! Newspaper 6 is awesome!
Hi,
1. Please provide a link so we can take a look if you still have this issue with thumbnails. Try also to regenerate only that image maybe it was not regenerated.
2. Try to change the module to display your articles on category page and save your settings as were added more features for category template – http://screencast.com/t/a2bJ1wNTh37U Also change the module for each template you may have issues also on search page for example – http://screencast.com/t/VoiG4Xjta7
3. Do you use speed booster? This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into the css style-sheet, which will make your colors to load first and stay that way.
4. You can change the date format form WordPress settings – http://screencast.com/t/tHRb1anDA6R
Thanks!
After theme update, to v6 from v4
Ads for top and bottom in post appear on right side in Mac safari and iPhone safari browser.
Safari browser for Mac and iPhone, ads (Top and Bottom) Not showing perfectly.
Please See below article.
https://s-media-cache-ak0.pinimg.com/originals/a1/5a/8d/a15a8d3eb1f8cf4ca98ba83e99d40251.png
Want more idea, Please share with me if you have any confusion.
As of your guide, i removed old theme completely from hosting server and then installed new one.
same for plugins. still showing ads alight right.
Thanks, Reply me as soon as possible.
Hi,
@snowwatchGB Please check this custom css for your logo and see if it helps: http://screencast.com/t/xsGckVM3vyGr
@media (min-width: 1141px){
.td-header-style-1 .td-header-sp-logo {
margin: 28px 0px 9px 0px;
width: 340px;
padding: 0px
}
.td-header-style-1 .td-header-sp-logo img {
right: auto;
}
}
Also for that gap please try this css – http://screencast.com/t/5D91dcqZUKmg try to use !important tag
.td-post-template-4 .td-post-header-holder {
margin-bottom: 20px !important;
}
@themeforest_antonio Did you updated also the Visual Composer plugin to the latest version provided with the theme?
Also did you removed the old theme and uploaded the new one properly using this guide – https://forum.tagdiv.com/how-to-update-the-theme-2/ Please provide more details about this, also you can check it without any plugins active leave just Visual Composer active, clear cache and check again if you can edit the blocks.
Unfortunately new version of the theme has only 2 formats like you already know. If you need to add more post formats please take a look here – https://codex.wordpress.org/Post_Formats and try to add more formats in theme functions: http://screencast.com/t/MsM6Dc3q9j
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
the slider gets messed up by the speedbooster plugin, sooo…here is the code 😉 as I don’t know what I did other than the performance improvement tips ( Is this required? As the performance drops from 93 to 91 after activating it).
<?php
/*
Plugin Name: tagDiv Speed Booster
Plugin URI: http://tagdiv.com
Description: Speed booster for Newspaper and Newsmag theme - It moves the styles and all the scripts of the theme to the bottom when needed. It activates internal theme optimizations for better speed and it adds async js .
Author: tagDiv
Version: 3.2
Author URI: http://tagdiv.com
*/
/*
3.2 - better bbpress support on newsmag
3.1 - fixed issue with flashing white on load on newspaper theme
- better compatibility with themes that do not have wp booster framework
- Newsmag loads fonts in a bundle now
3.0 - better visual composer support
2.8 - Newsmag support added :)
2.7 - fixed ie 9 10 11 window resize bug
2.6 - fixed rendering bug on the loading of the page
2.5 - code improvements, newspaper 4 compatibility
- makes most of the javascript files use defer parsing
- better compatibility with revolution slider
2.4 - updated jquery version
- support for https
2.3 - fixed warnings when trying to move javascript files that are not registered
*/
define('TD_SPEED_BOOSTER' , 'v3.2');
class td_speed_booster {
var $styles_for_footer = array(); // here we keep all the stylesheets IDs that we want to move to the footer
var $is_ie = false; // if the browser is detected as IE, treat it differently
var $async_js_scripts = array(
'contact-form-7',
'bbpress',
'woocommerce',
'site',
'devicepx',
'js_composer_front'
);
var $td_theme_name = '';
var $td_theme_version = '';
var $td_deploy_mode = '';
function __construct() {
add_action('td_wp_booster_loaded', array($this, 'td_wp_booster_loaded'));
}
function td_wp_booster_loaded() {
// read the theme version and name if defined
if (defined('TD_THEME_VERSION') and defined('TD_THEME_NAME') and defined('TD_DEPLOY_MODE')) {
$this->td_theme_version = TD_THEME_VERSION;
$this->td_theme_name = TD_THEME_NAME;
$this->td_deploy_mode = TD_DEPLOY_MODE;
} else {
return;
}
// detect IE 8 9 10 11
if (!empty($_SERVER['HTTP_USER_AGENT']) and (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT']) || (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0') !== false))) {
$this->is_ie = true;
}
// add hooks
add_action('wp_enqueue_scripts', array($this, 'enqueue_scripts_hook'), 1002); // 1002 priority - because visual composer has 1000 and we use 1001 in the wp010 theme
add_action('wp_footer', array($this, 'wp_footer_hook'), 15);
if ($this->is_ie === false) {
add_action('wp_head', array($this, 'wp_head_hook'), 15);
}
}
function enqueue_scripts_hook() {
global $wp_scripts;
//detect revmin - revolution slider and do not move jquery
if( !is_admin() and !isset($wp_scripts->registered['revmin'])){
if (is_ssl()) {
$td_protocol = 'https';
} else {
$td_protocol = 'http';
}
wp_deregister_script('jquery');
wp_register_script('jquery', ($td_protocol . '://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'), true, '1.11.1', true);
wp_enqueue_script('jquery');
}
if ($this->td_theme_name == 'Newsmag') {
/* wp 010*/
$this->move_style_to_footer('js_composer_front');
$this->move_style_to_footer('js_composer_custom_css');
}
// Newsmag dosn't move the css to the bottom as such, bbpress should stay at the top
if ($this->td_theme_name != 'Newsmag') {
$this->move_style_to_footer('bbp-default-bbpress'); //bpress old
$this->move_style_to_footer('bbp-default'); //bpress
$this->move_style_to_footer('google-font-rest');
$this->move_style_to_footer('contact-form-7');
$this->move_style_to_footer('genericons');
$this->move_style_to_footer('jetpack');
$this->move_style_to_footer('jetpack-widgets');
$this->move_style_to_footer('jetpack-subscriptions');
$this->move_style_to_footer('sharing-css');
}
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
if ($this->is_ie === false and $this->td_theme_name == 'Newspaper') {
$this->move_style_to_footer('td-bootstrap');
$this->move_style_to_footer('td-theme'); //this is the main style of the theme, it depends on td-bootstrap to load
}
$this->move_style_to_footer('woocommerce_frontend_styles');
//jetpack lost styles
$this->move_style_to_footer('jetpack-subscriptions');
$this->move_style_to_footer('jetpack-widgets');
$this->move_style_to_footer('genericons');
$this->move_style_to_footer('jetpack');
$this->move_style_to_footer('td-theme');
$this->move_style_to_footer('sharing-css');
/**
* move javascript to footer
*/
$this->move_js_to_footer('themepunchtools');
$this->move_js_to_footer('revmin');
// remove strange custom.css file loaded by visual composer
wp_deregister_style('js_composer_custom_css');
// replace comment-reply.min.js with inline version
}
function wp_footer_hook() {
//get the theme version for style
$current_theme_version = $this->td_theme_version;
//on demo mode, autogenerate version hourly + day
if ($this->td_deploy_mode == 'demo') {
$current_theme_version = date('jG');
}
foreach ($this->styles_for_footer as $style_id => $style_src) {
echo "<link rel='stylesheet' id='" . $style_id . "-css' href='" . $style_src . "?ver=" . $current_theme_version . "' type='text/css' media='all' />\n";
}
}
function wp_head_hook() {
if ($this->td_theme_name == 'Newspaper') {
echo '<style>body {visibility:hidden;}</style>';
}
}
function move_style_to_footer($style_id) {
global $wp_styles;
if (!empty($wp_styles->registered[$style_id]) and !empty($wp_styles->registered[$style_id]->src)) {
$this->styles_for_footer[$style_id] = $wp_styles->registered[$style_id]->src;
wp_deregister_style($style_id);
}
}
function move_js_to_footer($js_id) {
global $wp_scripts;
if (isset($wp_scripts->registered[$js_id])) {
wp_enqueue_script($js_id, ($wp_scripts->registered[$js_id]->src), '', $wp_scripts->registered[$js_id]->ver, true);
}
}
function async_js_hook($url) {
//check to see if we have js
if (strpos( $url, '.js' ) === false) {
return $url;
}
if ($this->strpos_array($url, $this->async_js_scripts) === false) {
return $url;
} else {
return "$url' defer='defer";
}
}
private function strpos_array($haystack_string, $needle_array, $offset=0) {
foreach($needle_array as $query) {
if(strpos($haystack_string, $query, $offset) !== false) {
return true; // stop on first true result
}
}
return false;
}
}
new td_speed_booster();
-
This reply was modified 11 years by
cem.
Hi,
1. Please check documentation – https://forum.tagdiv.com/how-category-settings-work/
2. If you don’t want comments section to appear on your article you can disable it from Post Settings – http://screencast.com/t/Er7yeRup
3. Try this css code in Custom Css section – http://screencast.com/t/ogherlmk
.td-post-content {
padding-bottom: 0px;
}
4. Please check Excerpt section – https://forum.tagdiv.com/excerpts-introduction/
5. Please check Theme Fonts – https://forum.tagdiv.com/font-customization/
6. It is not an issue when you hover on article title it takes the color that you he set for background to the block title. What do you mean “I can’t see anything “.
7. Theme doesn’t have an option to change the post title color for each block, you have to use custom css: http://screencast.com/t/V2sNqzET
.home .td_block_11 .entry-title a {
color:red;
}
8. Try this custom css in Theme Panel > Custom Css: http://screencast.com/t/zq0XpKBRxkb
.home .td_block_11 .td_ajax_load_more {
background-color: red;
color: black;
}
9. No, there is not an option only for homepage. You can use custom css if you want this only on homepage: http://screencast.com/t/d5t8BjLn If you want this for all homepage blocks just remove .td_block_11 – http://screencast.com/t/oz2M6fBuZqW
.home .td_block_11 .block-title span {
font-size: 10px;
}
10. Check this custom css: http://screencast.com/t/feXVaxbOzj
.td-related-title > .td-related-right {
display: none;
}
Please post your issues in Newspaper section!
Thanks!
I’ve just updated the site and it’s been a real pain to tidy it back up. I’ve got things working again but I’m discovering so many things which I preferred in the previous version.
* On the home page I use Big Grid 2 for the featured posts – how do I stop it from zooming in on the images? I can’t seem to find the option.
* Is there an easy way to change the font for all of the headers and the body font? Do I really have to go through the crazy amount of options to change them all? Can I change the default fonts somewhere?
* How to remove post meta on the first post in the Big Grid 2?
* How to show page views on the homepage using the
* How can I make the meta on the home page go back to how it was in the previous version (greyed out, clustered together). The new comment meta icon is too bold & distracting and I don’t want to show the author.
* Where can I find the option to remove ‘More From Author’ at the bottom of posts?
* Does the logo have to be exact width? My logo now looks like it’s been pushed to the right.
* Why aren’t section/widget headers the same colour as my theme accent colour?
Hi…
Just upload the latest newspaper theme and all my settings were removed… :/
Can you help me to fix these issue
1. How can I remove the grid sliders from the category page?
2. How can I remove the text no comment?
3. How can I remove the excess spacing between the social share button and content bottom?
4. How can i remove the experts on homepage from Block 11 and change it’s font size and style?
5. How can i change the font style of block 5?
Thanks!
Hi,
You have these errors in the console – http://screencast.com/t/aGLY6Hjh2 please check this without any plugins active, leave just Visual Composer active, clear cache and see if you still have this issue with gallery.
Unfortunately this delay usually happens when speed booster is used as the css and js are moved at the bottom of the page structure, so that the page will load faster. That’s why the theme’s default style appears first then changes, because of the cascading property of css. To avoid this you could try to make the changes directly into theme’s style file.
I also checked your page source and those css resources are moved to the bottom, you also can check – http://screencast.com/t/vkHNjMZu only jetpack sharing css is not moved – http://screencast.com/t/YGTYW5v11oxY Try to move also that css and see if you still have this issue when you test pagespeed on mobile.
Thanks!
Hi,
the past few days I was busy getting the performance up and running without plugins (and doing not too bad so far).
But it seems that something messed up the slider display, photos are enlarged and the actual slider is not visible. And I can’t figure out what is causing this. Also the images show a darkened bottom, any chance to remove this ?
Since I’m here google pagespeed annoys with should fix this for mobiles (but not for desktop!):
Optimize CSS Delivery of the following:
http://www.dinckol.com/…-content/plugins/jetpack/css/jetpack.css
http://www.dinckol.com/…cons/genericons/genericons.css?ver=1.7.1
http://www.dinckol.com/…themes/Newsmag-child/style.css?ver=1.7.1
http://www.dinckol.com/wp-content/themes/Newsmag/style.css
I understand from what I have read so far the theme css’ hast to be loaded at top. Once you open my page you will see nonetheless a brief delay the style gets applied. any suggestions to improve mobile speed and visual experience?
Thanks
Hello!
How to move mega menu sub categories from bottom to top?
(How it now) http://metronews.net.ua/wp-content/uploads/2015/06/Before.png
(How we need) http://metronews.net.ua/wp-content/uploads/2015/06/After.png
Thanks!
Hi,
You can add the css code where you want it is not a specific place. I said to add it to the bottom of style.css content as you can find it easily if you want to remove it – http://screencast.com/t/hFcmQNnV
Thanks!
Hello,
And more difficulty speaking English, I am self taught and am having some problems.
My site is not yet online so I can not give you his URL.Dans TagDiv Gallery, I would translate into French the commands: 1 of 5 … close … I went into the plugin files and I have not found or make the changes.
VisualComposer I use to create a page but I do not know how to apply CSS theme to the created page.
My menu, I made a connection with a single category. This works but above my articles, I have a slide that appears. Is it possible to remove it?
I would also like to know how to change the social networks at the bottom of the article.
Can you help me? Thank you.
Cordially
Didier
Hi,
I guess that you use speed booster plugin, unfortunately this usually happens when speed booster is used as the css and js are moved at the bottom of the page structure, so that the page will load faster. That’s why the theme’s colors appear first then changes, because of the cascading property of css. To avoid this you could try to make the changes directly into theme’s style file, like you friend suggested. We are working to find a solution and a better implementation for this.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Just did a fresh install on my site, starting from scratch to avoid what may have been some security issues before. I’m making a concerted effort to secure and optimize the site before adding any content or doing any major customizations.
I’m using the guide here to try and improve page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/
Under section 4. Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users) I’m running into some issues.
1. I’ve installed the Speed Booster plug-in and activated it.
2. I’ve copied and pasted the suggested code into very bottom of NewsMag’s functions.php file (there’s another functions.php that the guide is talking about, is there?) and saved.
3. I’ve copy/pasted the output at the top of the page into a text file, which reads:
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
wp-pointer | /wp-includes/js/wp-pointer.min.js
wordfenceAdminjs | http://madlymanly.com/wp-content/plugins/wordfence/js/tourTip.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/js/sucuriscan-scripts.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td_wp_admin | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wp-pointer | /wp-includes/css/wp-pointer.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/css/sucuriscan-default-css.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.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://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/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://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/content-metaboxes/meta.css
jetpack-icons | http://madlymanly.com/wp-content/plugins/jetpack/css/jetpack-icons.min.css
4. Deleted the code from step 2, then saved.
5. Re-ran the Google Test and it spat out the following results:
Remove render-blocking JavaScript:
http://madlymanly.com/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://madlymanly.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://madlymanly.com/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.4.4
http://madlymanly.com/wp-content/themes/Newsmag/style.css?ver=1.7.1
6. When I went back to output from what I did in step 3 above, I didn’t notice any corresponding file names for the issues that needed to be fixed. For instance, in the Google report, it suggests jquery files, but when you search the code section of step 3, I couldn’t find anything that said “jquery”. Same thing for css like “Roboto”.
I noticed in the code comments within the Booster plug-in that it looks like it is still being tested on NewsMag:
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
Thoughts? Thank you for the help!