Search Results for 'css'

You shouldn’t need to minify the css file again, if you’ve cleared the cache on your CDN so that people are loading the new minified version vs the old non-minified version. Easy to test, point your browser at the file and download to see if it’s the right one being served.

One of the items in your GTMetrix report (click the little arrows to expand each item), shows this:
•http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700?ver=4.1

Basically if you download that file and add it to the end of your style.css file, then remove the above code from your pages, you remove that issue reported in GTMetrix.

Also, I’m assuming you’ve not updated everything since the ?= versioning was still showing.

•http://cherrykoks.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.1
•http://cherrykoks.de/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css?ver=4.1
•http://cherrykoks.de/wp-content/themes/Newspaper/style.css?ver=4.1

ALSO: I don’t know why your posts have weird td-slug stuff vs the filenames based on pretty permalinks. That is so NOT normal, btw. Be sure to check your htaccess file to see that the block for your pretty permalinks is in there (or just resave your permalinks in wordpress general settings – and it will tell if you if the file is writable).

Do you think I should minify my “minified” stylesheet again, because insight is still complaining about that.

For the Google fonts item …
there is one trick I did, which is download that style sheet from Google being loaded for your pages, copy/paste the CSS from that file and put at bottom of your style sheet, and delete loading the Google fonts (I think you can comment that out in the functions.php file); this way the CSS is loaded as part of YOUR style sheet and NOT being loaded from Google. This saved me couple of points as one less download, and no worries about expirations or minification for the Google CSS for the fonts.

Google Fonts?
Which file should I download from where?
Sorry didn’t get that 😀

There are 4 components that can be minified
inline <script> tag #5
inline <script> tag #9
inline <script> tag #15
inline <script> tag #19

Do you know where I can find these?

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

Remember to clear cache on your CDN each time you upload something like a new version of the functions.php file or the minified style.css file … otherwise it may keep serving the old versions.

Also note my setting in the functions.php for optimizing the jpeg thumbnails from 90 to 60, is a good addition (no plugin needed!).

For the Google fonts item …
there is one trick I did, which is download that style sheet from Google being loaded for your pages, copy/paste the CSS from that file and put at bottom of your style sheet, and delete loading the Google fonts (I think you can comment that out in the functions.php file); this way the CSS is loaded as part of YOUR style sheet and NOT being loaded from Google. This saved me couple of points as one less download, and no worries about expirations or minification for the Google CSS for the fonts.

Also, when using this in the slide I noticed it actually stretches the video icon. Is there any way around this (http://screencast.com/t/zZdY6ElFPh)? If not, how do I remove the player image?

@Lucian, this works fine. Stretches it a big but it still works. As for block 1 where it has the large image at the top and the mini ones below it, http://screencast.com/t/GjlJQoerhYMZ, what are your suggestions for this?

is it adviseable to minfy again the minfied version of stylesheet css or let it be like that?

Hey Chris,

minified CSS- deleted Rev Slider.

I’m so glad you helped me: check this out.

http://gtmetrix.com/reports/cherrykoks.de/5VlGSdJX

and check my insights result for mobile…

only the desktop went from 92 to 89 :/

If you have any other ideas let me know 🙂

 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 );

ah yeah now I can see it 🙂

Hi, easier for me to copy stuff from my functions.php than find it, I’ll admit!

Here is my custom code in my functions.php file … not all of this may apply to you or anyone, but it’s what we do for our sites:

(I put this at BOTTOM of the functions.php file — NOT the top!!!)

/*CHRISTOPHER'S CUSTOM MODS - 1.12.14 rev1 */

 remove_action( 'wp_head', 'wp_generator' ) ;
 remove_action( 'wp_head', 'wlwmanifest_link' ) ;
 remove_action( 'wp_head', 'rsd_link' ) ;
 remove_action( 'wp_head', 'feed_links', 2 );
 remove_action( 'wp_head', 'feed_links_extra', 3 );

 add_filter( 'pre_comment_content', 'wp_specialchars' );

 function no_errors_please(){
   return 'GET OFF MY LAWN !! RIGHT NOW !!';
 }
 add_filter( 'login_errors', 'no_errors_please' );

 /* Disable YOAST SEO Admin Bar. */
 function mytheme_admin_bar_render() {
 	global $wp_admin_bar;
 	$wp_admin_bar->remove_menu('wpseo-menu');
 }
 // and we hook our function via
 add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );

 function delete_enclosure(){
  return '';
  }
  add_filter( 'get_enclosed', 'delete_enclosure' );
  add_filter( 'rss_enclosure', 'delete_enclosure' );
  add_filter( 'atom_enclosure', 'delete_enclosure' );

 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 );

 add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );

 function remove_pingback_url( $output, $show ) {
     if ( $show == 'pingback_url' ) $output = '';
     return $output;
 }
 add_filter( 'bloginfo_url', 'remove_pingback_url', 10, 2 );

• This reply was modified 12 years by simchris.

@webjump here is the other custom css code to removed the gaps between the sf-sub-indicators…

.sf-menu a.sf-with-ul {
padding-right: 11px !important;
}

Thanks Steven for the code.

I initially placed the same CSS however it leaves gaps between the sf-sub-indicators

Thank you anyway :))

@webjump here is the custom css code for what you want to removed..i’m using as well on my site so it work…. just add it in ur custom css box in the theme settings…

.sf-menu > li > a .sf-sub-indicator {
display: none;
}

• This reply was modified 12 years by Steven.

Thanks – that works fine, the ‘important’ bits made the difference. Can you help with CSS to 1. make the button text in the button become underlined on hover
2. make the button text show as a link colour also on hover

This is as far as I got with the underline part but it’s not working:

.widget_social .td_social_type .td_social_button a hover {
text-decoration: underline;
}

thanks!