Search Results for 'css'

Hey nairolf,

After referring to your comment and the link provided, finally, I successfully activated the speed booster plugin and successfully moved all .JS files in the footer.

In my previous attempt, I was not able to find the correct CSS and JS ID, but this I found it. Reason?

Just discovered the real issue behind why we usually are not able to find the correct .js and .css id for adding it to the td-speed-booster.php and the issue was: I was copying text from the wrong location.

Like me, We all usually copy the “Registered .JS and Registered .CSS code” that appear on the top of the WordPress admin page where we have just added the “code” in functions.php code.

Actually, it displays only those .CSS and .JS codes that loads under WordPress Admin Dashboard panel. To find the actual codes, you must visit either your homepage or any post and then copy the “Registered .JS and Registered .CSS ” file into a text.

But in the case of CSS files, Google Pagespeed still showing various .CSS files

https://domain.com/…in/public/css/facebook-login.css?ver=7.3
https://fonts.googleapis.com/…0,700|Amiri:400,700|Lora:400,700&ver=7.3
https://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
https://domain.com/…r/assets/css/js_composer.min.css?ver=7.3
https://domain.com/…ntent/themes/Newspaper/style.css?ver=7.3

Though when I check the “View Source” of my post on Google Chrome, I can see these CSS moving from top to footer ( checked with and without adding the code and noticed the difference) , it’s just that it’s not appearing on Google Pagespeed result. Of course, I cleared all kind of Cache ( Super Cache+ Cloudflare) before checking it, but it’s not reflecting on Google Pagespeed result.

Only one .JS file still appears o some of the post, ie:

http://domain.com/wp-content/plugins/akismet/_inc/form.js

Do you know ID for Akismet so that I can attempt to move it too?

One more important thing- Under some thread, somebody mentioned to search for CSS ID using “View Source” page on Google Chrome but the ID that appears on this page like :

<link rel='stylesheet' id='facebook-login-css'  href='http://domain.com/wp-content/plugins/wp-facebook-login/public/css/facebook-login.css' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-style-css'  href='http://fonts.googleapis.com/css?

These IDs contain “-css” at the end but it doesn’t work . Actually ID as found using this method ( Point 5.2) , doesn’t contain -css in the ID and it works well.

So, one should use ‘google-fonts-style’ as CSS ID not ‘google-fonts-style-css’

Can you tell me why it’snot displaying on Google Pagespeed? Is there something else that I need to look on?

Thank you.

PS: I am planning to remove https://wordpress.org/plugins/host-analyticsjs-local/ plugin. Don’t know if it’s the reason behind low traffic

• This reply was modified 9 years by Nano.

Andrei
I’ve also been trying to customize the home page at http://tdhedge.meta-morphos.es/. It still needs some adjustments. I’ve been tweaking a few CSS measurements using the Chrome developer tools. When I view the homepage in Chrome it looks OK, but when I view the page in Firefox, the top of the home page breaks apart.
Do you have any suggestions to avoid this?

Thank you

Hey,
Just discovered the real issue behind why we usually are not able to find the correct .js and .css id for adding it to the td-speed-booster.php

Like me, We all usually copy the “Registered .JS and Registered .CSS code” that appear on the top of the WordPress admin page where we have just added the “code” in functions.php code.

Actually it displays only those .CSS and .JS codes that loads under WordPress Admin Dashboard panel. To find the actual codes, you must visit either your homepage or any post and then copy the “Registered .JS and Registered .CSS ” file into a text.

Hope it helps 🙂

Cheers!

Hi Nano,
Sorry my mistake, the plugin still work even if you comment out the function “// disable the plugins if there are incompatible plugins” but will not recognize any new .js or .css from another third plugin that are not bundled with theme.

That’s why you have to add manually:

$this->move_style_to_footer_queue('here .css ID');

and

$this->move_js_to_footer('here .js ID');

for each new third plugin.

The ID identification is explained from point 5.2 (link)

• This reply was modified 9 years by nairolf.

Hey nairolf,

Happy to see you again 🙂

Yes, you pointed out correctly, this was the method I have tried previously to find IDs but then what does mean by what Andrei wrote :

“To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh Also make sure that you added the correct ids for the resources which intent to move.”

He said to add the correct IDs too after deleting the indicated line. What is he trying to say? How should I add IDs then . Is it something different than what is written here :https://forum.tagdiv.com/how-to-make-the-site-faster/ under point-5 ?

If you have any idea of how it should be done correctly so that I can move all these .JS and .CSS files for my plugins correctly, please share the link of the tutorial.

Also, I am taking your advice ( on lowering the plugin number ) very seriousely.. Three days back, I installed a plugin which helps to host Google Analytics code locally ( https://wordpress.org/plugins/host-analyticsjs-local/ ) but I noticed huge decrement in the number of unique vistors and adsense clicks in last three days. Can it be related ( your comment ) ?

Thank you.

Hi

You can use this css to remove hide the entire section from footer bottom: http://screencast.com/t/Y2CYcxxlp

.td-footer-bottom-full{
display: none;
}

Hope this helps!
Thanks!

Hi A,

Is it possible to have only the CSS that

Nope, you have to strip out the unnecessary lines. Is very well commented, so is easy.

Can I delete Woo Commerce and BB-Press and their CSS if I don’t need it.

Yes (remove them also from functions.php), no problem.

What needs to be tweaked in Main Style CSS if I want to use only OpenSans and Geomanist fonts type.

I think that @neotrope (Chris S) have a tutorial for something similar (look into “Best of Forums”)

Can We Delete all Comments from all PHP files and Minify them, same for HTML and CSS.

Yes. If you compress/minify them, the comments are to be deleted. You’ll obtain better results one by one that use some plugin. The bad thing, is to much work and every update you have to do it again, but it’s worth!

Hi F,

– I see that you have (.js/.css) minified & concatenated (wp-rocket maybe?), try to disable the plugin and see if works.

Hi

Did you changed the line-height for menu items from theme panel? You have a custom css which set a 40px line-height, that’s why the menu items are not properly centered. Try to this css in theme panel > custom code > custom css to fix that: http://screencast.com/t/Lhizjr1oqve

ul.sf-menu > .td-menu-item > a{
line-height: 48px;
}

Thanks!

Hi

The date is missing from hentry because is deactivated on your site. If you don’t want to display the date on posts it can be hidden with css. Enable the date from theme panel so google can find entry-date updated and use below css to hide it:

.td-post-date, .td-author-line{
display: none!important;
}

Thanks!

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/lmLhoIEV66T

.td-header-style-3 .td-header-sp-logo {
width: 300px;
margin: 20px;
}
.td-header-style-3 .td-header-sp-logo img {
max-height: 120px;
}

Thanks!

HI

Try this css in theme panel > custom code > custom css:

.td-social-google, .td-social-pinterest {
display: none!important;
}

Let us know ho it goes
Thanks!

HI

The theme don’t have an option to set a background color for each page, you can only set it for entire site from theme panel > theme colors: http://screencast.com/t/woH4svUi To set different colors for each page you will need some css as you pointed above, for the moment this is the only option.

Thanks!

Hi B,

And I just realized that it seems any update or change to the CSS takes about 12 hours to take effect.

1. Go to your .htaccess and remove for the moment the rules for “Expires”
2. Cut your custom .css from theme panel and paste into the main syle.css
3. Clear your cache

If works, change your time for “access plus” in somewhat lower

Hi,
I finally find solution and for those who want to do that you must add this code inside custom css :

h2 {
margin: 20px 0;
background:#ccc;
padding: 10px 8px;
}

HI

Sorry for the late reply but at first sight I’ve thought the the issue was solved, the thread became very long and and I’ve missed the issue.
You can make the via visible by changing its position, use this css: http://screencast.com/t/N4FMtk5TqU

.wp-caption-text {
position: relative;
}

With regard at Speed Booster check its status here: http://screencast.com/t/elhtgWAXCh The plugin disable itself when an untested plugin is active. I am almost sure the plugin is inactive on your side because otherwise theme’s css would be in footer, Speed Booster move theme’s css by default in footer if it’s active. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh Also make sure that you added the correct ids for the resources which intent to move.

You can test speed booster like this without making any changes in plugin’s code: setup a wp-install only with the theme, Visual Composer and Speed Booster. With this configuration the plugin will be active by default because Visual Composer is on allowed plugins list: http://screencast.com/t/uCFJxcIAlu Check then page’s source and you will find theme’s css in footer. You can also make this test if you deactivate all plugins, except Visual Composer and Speed Booster.

Thanks!

Hi,

one last question, I get the transparency that I want in the main window and in the pages that I have (about me, contact, etc.) But posts this transparency does not apply, do I have to refer to another element css ?

Thanks!

Hi, I’m sorry…problem has changed somewhat.

First of all – this site is hosted on my company’s servers, so our IT guys handle it. And I just realized that it seems any update or change to the CSS takes about 12 hours to take effect. I have no idea why. SO…my last email about how it doesn’t work isn’t true anymore – it works…but maybe too much.

Now if you go to outside.agoda.com/category/technology you can see that NONE of the links work, even the ones in the excerpt. I’d like these ones to open in a new tab, but the title and photo to be inactive.

I know…this is very strange. 🙂

Thanks.

Hi

You can paste the code from google in header.php file here: http://screencast.com/t/GHlms7kABC0 and add this css in theme panel > custom code > custom css: http://screencast.com/t/v3ZbKUL4

@media(min-width: 1021px){ #google_translate_element{
position: fixed;
top: 70px;
}
}

Hope this helps.
Thanks!

Probably something that messed with how the style.css file loads, and/or changed how your custom CSS written in header (e.g., some over-rides placed in header by theme panel, would get over-written when style.css moved to footer, as the original CSS would re-override the over-ride, etc.).

Tricky that 🙂