Search Results for 'css'

Thanks Peter for the reply.I have purged the cache but still didnt resolve the issue.I have nt used the speed booster yet.

@Radu, thanks. That sorta works. How about a regular image to fit dimensions in height and width of block 3 (or any blocks really): http://screencast.com/t/H7jkjxtt2g35

Well, nobody is paying them to add new features for your $50 purchase 🙂 It’s nice to ask for things not found in the product as advertised, but they obviously have to weigh in on what takes priority along with dealing with changes to WordPress 3.9 and upcoming 4.0 major launch. If you look at the changelogs you’ll note they’ve added a *lot* of things people asked for which were not part of the theme when you and I bought the product, Mehedi.

Everybody can access the tracking page, so not sure why you can’t see that on Github?

I think they’ve done a great job in implementing things like one click layout installs vs just adding “I want the site in black” when stuff like that can be done with CSS.

Some things like “news ticker” have been on the request list a long time, among others, but they are not the most requested elements.

Asking the developer to “fix this ASAP” when it’s not an issue with the theme, related to a plug-in they don’t manage or develop, is a bit unrealistic.

Right now I’ve come to the conclusion that “commenting out” (pun there, ha ha) the comment count on the author page is best option when using Disqus as it’s not a critical necessity, most people could care less, and better things to do.

I realize you may need it “NOW” — but if it’s that dire, why not hire a developer to sort it for you? would be my thinking.

Anyway…. for those who don’t know how to search this forum, here is the link posted by Radu and crew re the various requests he’s been tracking:
https://github.com/opradu/newspaper/issues

Hi @nihar105479, With the last 2 changes I found the best way to resolve all issues with cloudflare was to do a full cache purge in the settings. I then had to do a full purge on the browsers including your mobile devices, sometimes twice.

Another thing I did was under Performance settings I made sure under “Auto Minify (Web optimization)” that JS was de selected. Its better to adjust this through the booster or other plugins mentioned by others.

• This reply was modified 12 years by Peter.

http://cssminifier.com/ like this? Didn’t know that something like this exists.

😀

you’re my personal angel tonight. Thank you a lot dear, I know I’ll have homework to do by no later than weekend 🙂

If there’s still something to talk about- I hope I can still ask you

Goin’ to bed now, have a nice day 🙂

Hi, well if you read through my posts on the Page Speed topic, I’ve noted the code I use in functions.php to remove the ? queries which I prefer to using plugin, which it seems you have okay, and also how to do the CSS and JS minification, which takes 5 minutes — just copy the code into the CSSminifier site, then copy out the minified version and then overwrite your css file on the server via FTP. Bam – you’re done 🙂

And of course optimizing your images prior to upload is super important, too.

For the size thing, you can certainly try adding the =”100″ to your header, and see if that improves your score or not. In my case it was a non-issue since I’m using mod_pagespeed on our server which adds image dimensions on the fly including for anything resized based on CSS percentage width images which is the cat’s pajamas as my grandma used to day 🙂

Well … remember audience comes from content — original content — not page speed. If you get above 90 for desktop and 80 for mobile you can move on with your life and concentrate on content, and then revisit this stuff as it comes up. (Now, I will admit I wasted the entire month of January 2014 on this adventure, so I can’t advise others about not getting obsessive …).

I don’t use Cloudflare – some people love it.

yeah thank you for this btw…

p.e

<img width="300" height="100" class="td-retina-data" data-retina="http://cherrykoks.de/wp-content/uploads/2014/08/log600.jpg" src="http://cherrykoks.de/wp-content/uploads/2014/08/log300opt.jpg" alt="CK LOGO "

Did I do this right- by writhing the height directly after width?

The Queries:

well actually I added a code via plug “Code Snippets” like this:

function remove_cssjs_ver( $src ) {
if( strpos( $src, ‘?ver=’ ) )
$src = remove_query_arg( ‘ver’, $src );
return $src;
}
add_filter( ‘style_loader_src’, ‘remove_cssjs_ver’, 10, 2 );
add_filter( ‘script_loader_src’, ‘remove_cssjs_ver’, 10, 2 );

before I included this – I had this code inside functions.php

/** Remove Query strings from Static Resources. */
function _remove_script_version( $src ){
$parts = explode( ‘?’, $src );
return $parts[0];
}
add_filter( ‘script_loader_src’, ‘_remove_script_version’, 15, 1 );
add_filter( ‘style_loader_src’, ‘_remove_script_version’, 15, 1 );
<?php
}
add_action(‘print_media_templates’, ‘td_change_backbone_js_hook’);

Should I use one of this or use a plugin?

Minify: yeah have seen had, but don’t know how to do (again: I’m no programmer and I don’t know css oder js )

my Cloudflare should originally do this (installed today- will take some time) Will this be enough? (or got an idea for dizzy blondes? 😀

Will have to change all this on the weekend…sadly I like the slider, looks good, but if its causing all the problems … 🙁

• This reply was modified 12 years by Cherry. Reason: added

Hi, I wouldn’t worry about those two images which are sized with CSS, as they may technically be false positives on GMetrix. Google doesn’t advise you about that, so the fact you have 92 desktop with the ads and fonts “on” isn’t too shabby.

I’d focus more on removing the versioning queries on stuff (blah?=version4.1) which can be done by editing functions.php file, or some plugin might help. I’d also minify the css and java that google recommends here:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fcherrykoks.de%2F&tab=desktop

Minifying http://cherrykoks.de/…ntent/themes/Newspaper/style.css?ver=4.1 could save 8.3KiB (19% reduction) after compression.

As a perfect example of how imperfect this adventure is, you’ll note most of the “errors” come from Google’s universe and not your site !

Turn off the revolution slider plugin if not using it, since it adds the two CSS style sheets Google cautions about, and recommends combining.

Most important however is your mobile score which is 75; and you want that 80 or higher. Right now the revolution slider CSS is hurting that, along with one image you uploaded which is not well optimized.
Compressing and resizing http://cherrykoks.de/…wp-content/uploads/2014/08/3-745x483.jpg could save 108.6KiB (87% reduction).

• This reply was modified 12 years by simchris.

while using Cloud flare my mobile menu and sliders are not working without them my page speed sucks.I dont know what to do now.

http://mavcure.com/

Remember to fully clear your cache both on server/site as applicable, and also in your web browser, as you will initially find the old style.css loading, and everything will look a mess.

Thank you, I think a great feature would be to add a Custom JAVA area like you have a CUSTOM CSS area, just a thought.
Thanks again!

Sorry, it’s still not clear for me…what should i do if i need to add some code like counters, additional social buttons, text-indent tag and other stuff to files like footer, loop-single, css of my main theme and i don’t want to add them again after every update of the theme?
I thought if i add all this code to my child theme files all the changes start to work for main theme too and they don’t disappear after updates.
What will be if i add the changes to child theme and main theme after the main theme will be updated?

Hello Lucian,

Really impressed with the support from you guys – brilliant!

The mobile CSS is great, but the remove the menu items sub indicator CSS did not work.

Well, the first one is obviously irrelevant as that’s not the logo for your site, so just delete it. Clear your site cache so it can’t be seen. You obviously installed the demo content, which was then cached and hence why that is still found. If you upload your own logos, then the Newspaper logo shouldn’t show up on your site anymore.

FYI, useful to include the link to your GTMetrix report 🙂

I think the logo is loaded from the header and footer files, or a dependent file loaded by one of those and not in the style.css. So, if you look att the header.php script, then look at the different use cases for the layout option you’re using, you should be able to find the right header element…

e.g.,

    default:
        // this is the default header configuration
        // (logo + ad) + menu
        locate_template('parts/header-style-1.php', true);
        locate_template('parts/menu-header.php', true);
        break;

as so:

                    <a itemprop="url" href="<?php echo home_url(); ?>">
                        <img width="300" class="td-retina-data" data-retina="<?php echo htmlentities($td_customLogoR) ?>" src="<?php echo $td_customLogo?>" alt="<?php echo $td_logo_alt ?>"<?php echo $td_logo_title ?>/>
                    </a>

If I’m not mistaken width is specified implicitly to hint the page rendering, and then height is set as “auto” via the theme CSS, which is now common practice.

Hope that helped a little 🙂

None of our sites have the issue with disappearing sidebars. Of course, we had issues with the IE web browser, which were solved by using Chrome. I created a custom sidebar for home page, edited it, saved it, working perfectly. No issues. Typically issues with “missing sidebars” is due to placing a “bad behavior” plugin into a sidebar which tries to write malformed CSS or query to dbase, or improperly escaped javascript, etc. When the sidebar tries to render it can’t since the code is broken. Usually if I run into something like that, I first create the sidebar with just *one* element like a drop down for pages, then check and make sure it works, then add more widgets to the sidebar. Then if something doesn’t work, backtrack. Not sure if that helps, but that’s been my experience the past 9 years with WordPress stuff.

Basically Google can tell your site is responsive due to the @media queries in the .css stylesheet which has different “break points” for desktop, tablet, and phones.

I did read somewhere that “some” sites were getting penalized for blocking access to your theme folder and so Google couldn’t reads style sheet, but if you see the little picture on Google PageSpeed Insights and your page looks normal, that is a non issue.