Search Results for 'css'

1. – it’s from your Jetpack stats tracking.
2. – no idea…
3. – ideally you should create a set of favicons for your site in all the modern formats, like Apple pre-composed sizes and not put anything in theme and let browser auto discover the favicon files in your public root
4. – NP6 is new theme; you may have to change some CSS over-rides for new theme!
5. – for best results for speed; don’t use child theme which is CSS redirect; and change any “main colors” in your main style.css and not the theme panel custom CSS box.

For those using Newspaper 6 you may want to use the “slim” version of my suggested functions.php tweaks. Note this goes at END of file; make sure you edit only in a plain text editor and NOT MS Word; make sure you turn your caching OFF before changing any major files like this. Always keep backup. With caching off, switching back is as simple as uploading your original. If on Linux, make sure your text editor saves a Linux/unix “line breaks” and not “PC/windows line breaks.”

/*CHRISTOPHER's CUSTOM MODS - slim version */

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

function no_errors_please(){
return 'You appear to be up to no good. Please stop now!';}
add_filter( 'login_errors', 'no_errors_please' );

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

This is intended for those using the main theme, not a child theme; meaning you need to add this to the main functions.php in your main theme folder **NOT CHILD THEME FOLDER**.

• This reply was modified 11 years by simchris.

Presuming you regenerated your thumbnails?
You have tons of things you need to deal with since you’re loading everything and the kitchen sink … e.g.,

Regen thumbs to load correct image sizes

•http://www.droidgeeky.com/wp-content/uploads/2015/01/xiaomi_mi_4_silver.jpg is resized in HTML or CSS from 635x475 to 140x104. Serving a scaled image could save 37.7KiB (95% reduction).

Are you using Revolution Slider ? If not, disable the plugin – do so for ALL plugins you don’t actually use.

You’re loading a HUGE amount of stuff from Google, Doubleclick, Facebook, Twitter, wp.com tracking pixel, etc.

For faster speed, you need to load less stuff and optimize what you do load!

Figure out how to load this via sync:
•http://www.droidgeeky.com/why-you-should-choose-microsoft-over-linux-2 loads http://platform.twitter.com/widgets.js synchronously.

You should use style classes for table cells, and not apply styles in your HTML.
<tr bgcolor="#000000"> should be <tr class="blackcell"> or similar

Some HTML like align right should be things like pull-right class or float-right etc.

You can likely do search/replace in your php dbase. I did some surgery like this myself no long ago. Lots of tutorials online for search/replace stuff in the post meta for WP. Best to move to HTML5 code, as most modern WP themes run on CSS3 and/or HTML5, and not 20th century HTML now (fun to say that!) 🙂

Sorry that isn’t a tidy answer, just some feedback.

Hi Alin,

Thanks a lot for the helpfull information (again)!
Everything has been implemented.

I have a question which I’m not sure what the best option is to use.

I want to display in every article 3 information blocks. 1: opening times 2 Address (tith Google maps) 3 admission prices. Now I found the smart list option what is a sweet solution but i’m not sure if that is SEO friendly/user friendly now because of the button text. And I also can only show 2 buttons/information blocks. So I think there would be a better solution. Please see at the bottom of the article: http://bit.ly/1Rq5Ylw.

Can you give me a solution how to integrate the 3 information fields? I have to perform it in all the articles so it would be nice to do it without to much coding. I’m not sure if the theme offers a similar support or that I have to use custom fields (no experience), I have no idea.

I also would like to justify the excerpts at the frontpage of module 2,4,16 and 20.
You’ve helped me a lot on the way with css but this is a little too difficult for me.

I understand if I ask too much, but maybe you can steer me in the right direction for this option.

Thank you for your answer Chris S 🙂

I found the fix for this problem.

With W3 Total Cache only minify html&xml and use another plugin to minify css and JSS (Better WordPress Minify) with both plugins the images runs ok with lazy load :).

I reach an 91 in google page speed 🙂

Ha nevermind just noticed the issue. The new code is td_block_ad_box.

I missed the block.

Thanks this worked perfectly.

Question: What is the css to edit the menu and sidebar so I don’t see the jump and where do I place it?

Thanks

I have registered Akismet, WordPress SEO Premium, WP-Optimize and OIO Ad Manager. Status of Speedbooster changed to “Active” but there is no change in the outcome. Like before, 2 Javascript and 8 CSS resources are still appearing as Render Blocking in pagespeed insights.
The blocking scripts include (i) jquery.js?ver=1.11.2 and (ii) jquery-migrate.min.js?ver=1.2.1
While blocking styles include (i) Contact-Form-7 (2) 3 Google fonts (3) js_composer.css? (4) Newspaper Style.css (5) Jetpack.cssand (6) OIO Ad manager.

Looking at the plugin code I can see that many of the styles are already moved to footerlike

if ($this->td_theme_name == 'Newspaper') {
// wp 011 - Newspaper 6

if ($this->is_ie === false) {
// move style.css theme style

Any idea what is going on?

Hi folks … couple of fun ‘edge’ things to play with:

======================

CLOSURE COMPILER FOR JS
Google has started recommending a program (Closure Compiler) to manually minify js files which uses “latest methodologies” — but I’ve not yet tested this myself due to lack of time lately:

https://developers.google.com/speed/articles/compressing-javascript

==========

CRITICAL PATH GENERATOR FOR CSS
Something to consider using in place of TagDiv speed booster plugin for some instances/situations to remedy render blocking CSS issue — this basically inlines the “critical CSS” for your page, then you load the full CSS file at bottom of your page normally; so this allows the above the fold CSS to be part of initial doc load. Fascinating — it auto analyzes your existing web page then spits out optimized code you can place in the header file.

http://jonassebastianohlsson.com/criticalpathcssgenerator/

Hi

We are sorry for the inconvenience, but we had a problem in documentation, please remove from the cod this row tags: [vc_row] [/vc_row] like in this example http://screencast.com/t/MY1Lcaag1P http://screencast.com/t/3pFrRoQo

The second issue happens because of the speed booster plugin which moves the css and java script files at the end of the page and it take a few milliseconds until are executed causing this.

To work around this you could also try and make the color changes directly into theme’s style file so the your design loads by default avoid this colors glimpse.

Thanks

Hi

By default the theme can’t do that, but is possible with custom css (Theme Panel-> Custom Css) like in this example http://screencast.com/t/B4fBu9TIrro

For the Header Style: Default this code will work:

.td-header-header{
  background-image: url('http://www.florian-radu.ro/images/headers/Header-graphic03.gif'); 
  background-repeat: no-repeat;
  background-size: cover;
}

Here is a link about how you can use the background image http://www.w3schools.com/cssref/pr_background-image.asp

Thanks!

• This reply was modified 11 years by Andrei L..
• This reply was modified 11 years by Andrei L..

Hello Emil,

this is how I work, but whenever I use a new module in the future, I need to always adapt the design again, which is not a very efficient way and I would like to improve this workflow.

I want to replace the darkgrey color #222 anywhere on my page with the main color of the project which is blue, and I could simply replace that ONE line in less and it would be done. Is there a way for me to do so, or are the less things just for you during the development period?

Also you could think about integrating those variables into the panel, at least the four main fonts and the #222 are of a major design importance right at the fundament and you would save your clients tons of CSS child work. I think it is worth pondering about such a designer-friendly aspect.

I thank you already here and wish you all great days before describing an alternative idea of mine below 🙂

——————————-

An alternative that came to my mind that doesnt require less but works with child css would be to catch all instances of e.g. #222 or ‘roboto’ using a script that goes through the whole style.css and extracts all the classes and id’s in which the search term appears. I guess with RegEx this can be achieved, but also with RegEx I don’t know enough to write such a script. In case one of you has the knowledge and a bit of time left to create such a script, it would be very useful not only for myself. I describe the logic behind, maybe an expert will immediately see the regex string appearing before his eyes 🙂

So I need a script that collects all classes to which e.g. Roboto is assigned. Basically it needs to
1. find Roboto, then
2. go back to the { and
3. collect everything before that { until
4. the last } before, so it needs to go backwards searching
5. it needs to take all those classes and id’s it caught and add it to the collection string
6. then it needs to add a comma to the last entry, so the list can continue.

The result will be a very big list of comma-separated classes which I can then easily assign the new font to.