Search Results for 'css'

HI

The js worked fine on my end, try alos to add it in footer.php file: http://screencast.com/t/w26uxXM4

Try this css: http://screencast.com/t/8xIr8yFWP

.td-theme-slider .slide-meta{
opacity: 1!important;
bottom: 0;
}

Thanks!

Usually what i do is remove the css elements in style.css for those

To do so you have to edit following two theme files

1 – td-config.php (located in themes includes folder)
2 – style.css

Remove the following code from td-config.php

        /**
         * the default fonts used by the theme. For a list of fonts ids @see td_fonts::$font_names_google_list
         */
        td_global::$default_google_fonts_list = array (
            '438' => array(
                'css_style_id' => 'google_font_open_sans',
                'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,700'
            ),
            '521' => array(
                'css_style_id' => 'google_font_roboto',
                'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto:500,400italic,700,900,500italic,400,300'
            ),
        );

Refer – http://prntscr.com/cgub4l

Now edit style.css file

replace: font-family: 'Open Sans', arial, sans-serif;

with font-family: Verdana,Geneva,sans-serif

and

replace: font-family: 'Roboto', sans-serif;

with font-family: Verdana,Geneva,sans-serif

That’s it. Upload both files and clear cache and browser cookies to check result.

• This reply was modified 9 years by Amit.

Probably need to hire a developer to customize the CSS viewports to, again, remove the smallest viewports for phones from the style.css to not load any custom css for phones, if that’s what you’re after.

The site is responsive, I don’t think there is a “mobile version” for Newsmag.

Responsive design means the theme uses CSS to change the layout depending on “viewport,” — so there is no separate “mobile theme” to turn off.

The desktop version does show on tablets, like iPad (I use one).

You might be able to delete the CSS for the phone viewport in the style.css file, so you might start there and delete sections for smallest viewport.

But, TagDiv might have better answer. 🙂

Hi Catalin,

I’ve flushed the caches and deactivated plugins as suggested but this has had no effect on the title lengths. Is there a setting or CSS somewhere that is setting the big grid title lengths to 25 characters and the breadcrumb title lengths to 12 characters? Or is it a max width somewhere based on the font style used?

Many thanks

Um, if you block wp* in robots.txt then everything in wp-content – including themes css, images, etc. won’t load properly, hence why the “preview” in the Google mobile speed tester shows broken layout.

Even YOAST says not to do this, as it breaks how Google views your pages – as in this case.

https://yoast.com/wordpress-robots-txt-example/

Simply remove the blocks from robots.txt — which you don’t need to do as anybody can still go there — they don’t actually stop anybody from doing anything, from a security point of view.

Google needs to load the “dependencies” for WordPress in order to load the pages — so if it cannot load the mobile CSS, then it can’t actually load the mobile version properly hence the errors.

Have you tried “fetch as Google” in your webmaster tools account to see EXACTLY what Google sees when scanning your page?

e.g.,
https://support.google.com/webmasters/answer/6066468?hl=en

anyway — I’m out on this topic, but hopefully my ramblings have provided some pointers on where to look. 🙂

I would seriously try removing the stuff in your robots.txt file and retry.

• This reply was modified 9 years by simchris.

Chris, Chris, Chris, I don’t know why you assume that I don’t care about your opinion, I got nothing personal really, its just that I’m frustrated with my issue and the recommendations given to me don’t work, my robots are normal, I’m not using anything abnormal settings, just blocking wp/admin and wp* in robots file, that’s all, I don’t think that’s a reason to give me errors, all those css errors are unknown to me, first time that I see this many errors, anyways, maybe I should get me someone to adjust my htaccess file to solve this problem.
And FYI, all opinions are a mind opening experience for me, I’m glad you’re not having these problems with your blogs, maybe you can help me fix this?? I can copy your settings and give it a try.

Gzip/Deflate must be properly setup and enabled at the SERVER level; above the domains, above your website; not from htaccess, theme, or WordPress. Two different things. From my test it looks like it is partially setup, but some setting you have is not compressing javascript and css files, it would appear.

a) gzip/deflate must be ON and working; then the directives tell it what to do.

b) for mod_pagspeed — that won’t work unless your host is running mod_pagespeed — and if they don’t have gzip/deflate properly setup it’s highly doubtful that mod_pagespeed is running.

As noted in various places in my long long long thread; you need to go research what some of my things DO to see if they apply to your server setup, otherwise they won’t do anything.

So, again – YOU need to contact your HOST provider, and
a) have them properly setup gzip/deflate — as right now it’s not compressing ALL your content, only some if it, which is not normal.

Your page does show this:
Results

Parameter Value
Gzip/Deflated enabled ? YES - The url is serving compressed content.
Compressed Size 41.45 KB
Original Size 327.66 KB
Savings 87.35 %
Response header
Content-Encoding: gzip

But as it clearly shows on GTmetrix; and you should provide this to your host –as I stated — to get them to fix, along with the vary accept encoding:

Enable compression for the following resources to reduce their transfer size by 401.2KiB (80% reduction).

Compressing https://tomatoheart.com/wp-content/themes/Newspaper/js/tagdiv_theme.js could save 391.9KiB (80% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/ytsubscribe/ytSubscribe.js could save 4.0KiB (69% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/wp-facebook-login/public/js/facebook-login.js could save 2.3KiB (66% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/akismet/_inc/form.js could save 382B (54% reduction).

That is what is hurting your site speed/rating.

So, that’s about all the help I can provide there

In our setup, we have the server setup to serve gzip/deflate and vary accept encoding without having to add the <IfModule mod_deflate.c> section you have in your file.

Sorry not a better answer 🙂

Hey Chris,

Gracious !!!

Thank you for the detailed explanatory reply. As far this system status ( https://snag.gy/P2ApmR.jpg) to be believed , my host run on Apache server and hence the HTACCESS codes written by you under this thread should be valid.

As per recommendation, I started my HTACCESS file with :

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

and then I added following code after default rewrite codes of WordPress:

AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
 
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 seconds"
</IfModule>
# END Expire headers
 
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers
 
<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
 
<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>
 
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?tomatoheart.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

The last code is to prevent hotlinking. Now as far I can read understand from your comment , the above written codes must have taken care of the required gzip/deflate settings through HTACCESS and should add up to 20 points to my score , but it didn’t happen 🙁

I still have these settings under htaccess and have also modified functions.php but the icrement in Pagespeed is only 2-4 points. On other side, I do feel my backend and homepage little faster while using after adding all these things. But there is no such impact on GTMAtrx score.

As you have mentioned :

Enable compression for the following resources to reduce their transfer size by 424.8KiB (79% reduction).

When I have already configured HTACCESS to compress it, why is it still showing there? AM I doing something wrong?

About Image optimisation thing, I use “Insanity plugin” to reduce file size while uploading the image and”optimus plugin” to compress it. the JPEG compression is set to 70 because I am worried to set it to 50 ( as recommended by you) because of the need of image quality. Since I am doing various changes, I will force regernerate and optimise images once I finalise all design aspect of my site.

Though I also tried checking GTMatrix points for my post page ( https://gtmetrix.com/reports/tomatoheart.com/vW3rCLXw ) , but it’s even worst than the homepage ( PAGESPEED SCORE: 53, YSLOW: 51)

about your second reply ( server side optimisation) , Being fron a non-programmer background, I will copy this comment and send it to my hosting provider to ask if they need to do anything.

Do you think there is something you can comment on my current situation.

Thank you.

• This reply was modified 9 years by Nano.

Even with the ENFOLD theme, and with the “mobile friendly” okay badge, you still have some notable problems.

How Googlebot sees this page
This page uses 28 resources which are blocked by robots.txt.

Looks like you might have a bad config in your robots.txt blocking things, which is why I see a broken layout with missing CSS/JS even with this theme in the preview image.

Also, your host really should be serving up this one properly:

The following publicly cacheable, compressible resources should have a "Vary: Accept-Encoding" header:

I had to get this setup properly on our new server that went live Aug 5, also. SO, have your host fix that; and send them that section with the files — basically the css and js should be serving the “vary …” thing. And that is also part of the proper setup of the gzip/deflate.

Andrei, you did a speed test, not mobile friendly test, here is the last test I did just now where it shows no mobile friendly errors..https://www.google.com/webmasters/tools/mobile-friendly/?url=www.cubacontacto.com%2Fnoticias
By the way, I implemented your css files on your theme’s panel and error was still present, that’s why I changed to new theme, ok, I don’t know what kind of test you did, but according to webmasters tools, blog page still showed not mobile friendly.
Whats your next recommendation to solve this?

Hi

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

.home .td-theme-slider .td-post-date {
display: none
}

2. You could try this css and the title will look like this: http://screencast.com/t/TLZUtdIBlLD

.td-theme-slider .slide-meta {
background-color: black;
font-weight: bold;
}

or: http://screencast.com/t/AEqs42yY

.td-theme-slider .slide-meta a {
background-color: black;
font-weight: bold;
}

3, 4: Try this code in theme panel > custom code > custom javascript:

jQuery(document).ready(function($){
jQuery('a').removeAttr('title');
});


Thanks!

Hey Catalin,
I am sure that those files /codes must have been modified in last two years, I am not sure whether support people or their heltping nature or support rules have also changed in these two years. Going to the strict rule book, no cusomizations are allowed by going to the past experience and community building book, you guys have always helped us ( users ) in helping for small customisations.

That’s why Lucian had helped two years back and probably you will help me now too 🙂

taking help from your screenshot, I added the short code here: https://snag.gy/aeiqy5.jpg

The full line that I added is:

' . do_shortcode('[fbl_login_button redirect="" hide_if_logged=""]') . '


In result , I get this in ajax login box: https://i.snag.gy/J0Y6oK.jpg

As you can notice, the only issue now is to move “Connect with Facebook” down below “LOGIN” text. What should I do for this? Should I change the postition of code in td_login_modal.php or add some code in custom CSS.

Please try to look at this.

Thank you.

HI

We covered in our documentation most important aspects google notifies you about in page-speed regard: https://forum.tagdiv.com/how-to-make-the-site-faster/ According to google’s report you can reduce the load time by enabling compression for static resources. Fore more details please check these links: https://developers.google.com/speed/docs/insights/EnableCompression – https://gtmetrix.com/enable-gzip-compression.html – https://gtmetrix.com/leverage-browser-caching.html

To remove render blocking resources you can use our Speed Booster plugin as we indicated in our documentation at pint 5. Fore more details about page-speed please also check these topics: https://forum.tagdiv.com/topic/site-slow-down-caused-by-style-css/ – https://forum.tagdiv.com/topic/speed-is-slow-after-updating/ –

Note that you will need a bit of codeing and some customizations in order to achieve a good score for your site. We can’t offer speed customization services at the moment, most we can do is to point a way of improving. If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!