Search Results for 'move bottom ad'

CSS for line under menu, to be entered in Theme Panel -> Custom CSS:

.td-menu-background:after {
  background: transparent !important;
}

Spacing and border between menu items:

.sf-menu > li > a {
  padding: 0px 0px 0px 0px !important; /* top, right, bottom, left*/
  border-right: 1px solid #eee !important;
}

Adjust values as desired. Note that at present you don’t have to think about first and last child of the menu as long as you don’t remove the search button (because it’s not a list item).

I keep a folder with copies of the files I hack each update so I can remember them at a glance, a text file with my additions to put at bottom of functions.php and note as to which section by line number x-x to remove; and a text file with cheat sheet of the search/replace for the style.css file. Not too painful. Kind of started when I had existing read/hit counter and needed to update the module to load the existing “field” vs the one used by Newspaper for hit counting. Then it was uncommenting the author byline each time in the main post file. Then it was the custom font loading. Well, there you are. As long as I have my local “cheats” folder, I can usually open two windows with both old stuff and new version of theme and then just top to bottom change stuff in new update folder, and then upload to server and it’s like nothing changed for the stuff I modified.

And, benefit is the style redirect issue that Google doesn’t like with child themes, and much easier to deal with any custom css over-rides as well as issues with tagdiv’s in house speedbooster plugin, etc.

At least this has been my experience 🙂

Hi there, i dont want to open a new post since my problem is the same as Shashank.

I was able to implement all the css and js to the speed booster file, but cant find the IDs for

http://www.techizm.com/…-includes/js/jquery/jquery.js?ver=1.11.0

http://www.techizm.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1

Could anyone help me?

Thanks in advance!

Hi TheMediumUTM;

Thank you again.
Now it looks good and I like it. As you can see there is little problem that is margin from the left and the space between the header and block slide.
When I checked how the site apears on mobile the margin left problem seem clear.

This is what i did. I put all the css codes together, changed px values, copied all of them and pasted in theme panels costom css area.

.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
.block-title { margin-bottom: 10px; padding-bottom: 10px; }
.td_mod_wrap .meta-info {display: none !important;}
.td_block_wrap { margin-bottom: 0px; padding-bottom: 10px; }
.td_mod_wrap { margin-bottom: 10px; }
.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9 { margin-bottom:
10px!important; }
.td_mod_wrap .thumb-wrap { margin-bottom: 10px; }
.wpb_row { margin-bottom: 10px; }
.td_mod3 { min-height: 65px; }

Regards
Ecofame

So you pretty much want all the whitespace gone at once? That’s a lot of CSS; here’s my shot at it.

First, still keep this:

.td_mod_wrap .meta-info {
display: none !important;
}

Now:

.td_block_wrap {
margin-bottom: 0px;
padding-bottom: 0px;
}

.td_mod_wrap {
margin-bottom: 0px;
}

.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9  {
margin-bottom: 0px!important;
}

.block-title {
margin-bottom: 0px;
padding-bottom: 0px;
}

.td_mod_wrap .thumb-wrap {
margin-bottom: 0px;
}

.wpb_row {
margin-bottom: 0px;
}

.td_mod3 {
min-height: 65px;
}

This removes all the whitespace that I could see on your homepage. As others have said, I actually think this is way too dense a style. Having some whitespace is good!… Play with the above numbers until you’re happy with it.

This last bit is the whitespace between vertical elements. It’s experiemntal and I haven’t tested it thoroughly. It’s tricky to get rid of this because it does not play well with the grid layout that the whole theme is designed around (and doesn’t change the overall site width, e.g. your main menu). I would personally avoid using it.

.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 {
margin-left: 0px !important;
}

Again, change that number and if necessary separate the individual span classes so you can adjust their margins individually.

Note that it looks like you have a row after your video in the page editor, which is the source of the whitespace between that and the footer. You also have a text widget in the sidebar, which is the source of the whitespace above the socials widget.

There may also be whitespace elsewhere on your site that’s not on the homepage. Most of it would be caught by the above, I think…

It should work in IE as I’m using IE right now, and I can go to the Google site and the fonts work.

So, likely you need to load them from your style.css file vs using the theme panel. Meaning get the CSS from the above link I provided, from the CSS link, grab the CSS, and put at bottom of your style.css file; edit the style.css file to change the headline or whatever to the font you want, then edit the functions file to remove calls to google fonts from there.

eg. the css file you need to copy FROM:
<link href='http://fonts.googleapis.com/css?family=Quattrocento:400,700' rel='stylesheet' type='text/css'>

Kind of advanced, but that’s how I’m loading Open Sans and it works 100% of the time because Google provides the correct font for the platform.

Ideally, the point I was making for Marius is that you should be calling the Google version of the font in the theme, and the theme should be calling that from Google. It has nothing to do with “web safe” fonts, where the specific font would not be installed on a Windows PC.

Not sure that helps. But since you use that as your corporate ID font, it might be simpler to make the custom fix to ensure it always works, as I do with Open Sans.

• This reply was modified 11 years by simchris.

Check with GoDaddy support; they may not have that option activated. Remember their servers host thousands of sites PER server, so they have to limit certain features for anything using system resources.

Hmmm… GoDaddy seems to have removed the page in their support “what features from mod_pagespeed does GoDaddy support….” … not helpful.

When you look at your page source do you even see the mod_pagespeed code at bottom, and signal, etc. ?

You should contact GoDaddy, as mod_pagespeed might not work from sub-domain, or you may need to setup domain mapping in the config file which tells mod_pagespeed it can load stuff from subdomain of main domain.

see stack overflow item on this topic
http://stackoverflow.com/questions/21617388/mod-pagespeed-with-multiple-domains-or-subdomains

and RTFM
https://developers.google.com/speed/pagespeed/module/domains#shard

🙂

I just want to clear things up here with my post,i ask @Lucian to check my css code that remove space between the blocks to make them come more closer.

CSS code to bring the blocks closer to remove my white space in the middle of the blocks.

.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8 {
padding-bottom: 0px !important;}

CSS code to remove the white space between the rows to make it look much better on the homepage…

.home .td-grid-wrap .wpb_row {
margin-bottom: 0px;
}

I’m not sure the 2nd CSS code will work for any one else because it was made for my site,but every one should wait to monday when the staff is back to help you like how they help me to fix my white space issues…

Yes. That is how WordPress themes work. That’s how you have all those smaller size images for your sidebar, homepage, categories, related items bottom of post, recommended fly out, etc. — where did you think all those thumbnails came from? They are created by WP and the theme when you upload an image.

If you wish to remove the sizes you don’t use — meaning, if you don’t use certain modules, you can comment out those sizes in the functions.php file, I believe, and also a trick I’ve advised the past 10 months on the forum has been to choose the three sizes in the WP settings > media setting (not theme panel), to the three sizes you use the most (matching modules you’re using), to not make extra sizes.

You can see the sizes created to match each module in the documentation, which is highly recommended to read, here:
https://forum.tagdiv.com/modules-and-blocks/

Without any theme at all, WP will always create three additional thumbnails. With each theme, thumbs are created to match the sizes you might possibly choose to use for the specific theme layout or module.

You can search the forum for tips and help on removing image sizes you don’t use, also.

Hope that helped.

Some of the things I noticed on his site was not using the gravatar, which is a major slowdown, and also he’s limiting the number of thumbs on page, such as not having four big “related stories” images at bottom of post, and as I suggested he’s using only the share buttons vs the number shares buttons.

I just checked one of my pages, which does not have js/css minified, and has gravatar, and has an ajax slider top right AND four images for related posts. This page has a “90” on PageSpeed Insights with both AdSense, and Disqus running. And one of those things is loading Google Analytics even though I am not. I’m not using a caching plugin either. So, in my case I need to consider changing the related posts, figure out how to cache or save the author image locally vs from gravatar, and possibly remove the big image slider top right of each page … which would reduce payload of page by a lot. And I need to minify my main js and style.css files, and retest. I haven’t looked at this since before I got sick, and have been working on something else which pays the bills vs the fun stuff, but need to get back to that obviously 🙂 And even worse, I don’t think I’ve updated the theme to 4.x on the test page (still 3.9.2). Doh. I suppose I should catch up on following my own advice! My non WP site has 97/100 for desktop, and 93/100 mobile.

What blows my mind, as it were, is the 99/100 user experience rating for mobile that Shashank has. May I say “wow” 🙂

Hi, Mehidi
I just posted a comment about this on another post which I’ll repeat here as my empirical wisdom on the topic of suffering Google issues the past 20 years. 🙂

————-

Christopher Simmons

August 27, 2014 at 8:50 pm #19552

As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.

The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.

Just for those pulling their hair out on this topic (been there!) 🙂

My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!

———————

For Google fonts; use my trick mentioned elsewhere …

1) grab the CSS from google which is being loaded from your functions.php for the fonts you’re using;
2) paste the css into bottom of your style.css file, so you’re loading the CSS in your own file and not loading externally — does 2 things, removes the css loading from their server with the funky expiration, versioning, etc., and reduces external load by one file!

Ok FYI if interested, I reinstalled again yesterday because of the things Steven told me.

Well Chris- I still use the W3 Cache (page only) and wrote the rest of .htaccess by myself, like u posted in another thread. (little bit proud on myself that it did not crash 😀 )
Is everything ok with that or have any other suggestion?

See my current htaccess here:

# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{HTTPS} =on
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{SERVER_PORT} =443
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{HTTP:Accept-Encoding} gzip
    RewriteRule .* - [E=W3TC_ENC:_gzip]
    RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
    RewriteRule .* - [E=W3TC_PREVIEW:_preview]
    RewriteCond %{REQUEST_METHOD} !=POST
    RewriteCond %{QUERY_STRING} =""
    RewriteCond %{HTTP_COOKIE} !(comment_author|wp\-postpass|w3tc_logged_out|wptouch_switch_toggle) [NC]
    RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" -f
    RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" [L]
</IfModule>
# END W3TC Page Cache core
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
AddType text/javascript .js

# 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"
</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>

# pass the default character set
AddDefaultCharset utf-8
# BEGIN Keep-Alive
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
# END Keep-Alive

#BEGIN GZIP 
<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
#END GZIP

#BEGIN CF ALLOW
Allow from 2400:cb00::/32
Allow from 2606:4700::/32
Allow from 2803:f800::/32
Allow from 2405:b500::/32
Allow from 2405:8100::/32
#END CF ALLOW

As you can see I had to add the keep-alive code and other stuff like gzip- because otherwise GTMetrix would complain about that.

http://gtmetrix.com/reports/cherrykoks.de/4DKTK3Af I guess I can not influence the the both points about cloudflare?

The only thing I’m little bit confused about, is the fact that the mentioned code

 foreach ($this->styles_for_footer as $style_id => $style_src) {
            echo "<link rel='stylesheet' id='" . $style_id . "-css'  href='" . $style_src . "?ver=" . $current_theme_version . "' type='text/css' media='all' />\n";

in the booster plugin causes my strings. Can I change that?

And:

in the Pagespeed guide from tagdiv I read this:

The plugin will move the theme and recommended plugins js and css at the page bottom. If you have other plugins installed you have to modify the Speed Booster plugin file so it will also move those files at end of the page. In the next section you will learn how to accomplish this.
4.2 To get the list of registered css and js add the following code at the end of the functions.php file:
function td_inspect_scripts() {
global $wp_scripts, $wp_styles;
echo ‘registered scripts<br>’;
foreach ($wp_scripts->queue as $handle) {
echo $handle . ‘ | ‘ . $wp_scripts->registered[$handle]->src . ‘<br>’;
}
echo ‘registered styles<br>’;
foreach ($wp_styles->queue as $handle) {
echo $handle . ‘ | ‘ . $wp_styles->registered[$handle]->src . ‘<br>’;
}
}
add_action( ‘wp_print_scripts’, ‘td_inspect_scripts’ );

SpeedBooster plugin ist runnin as you know, do I have to change that as advised?

The sentence with “If you have other plugins installed you have to modify plugin so it will also move those files”

Other plugins means = every plugin I’m using? No problem to add this code to functions.php – just wanna make sure if this is right.

• This reply was modified 12 years by Cherry.
• This reply was modified 12 years by Cherry.

Hi,
first you can’t do anything about the cache validation or anything with fonts loading off of google’s website, or anything loading from jetpack (or adsense, or addthis, or disqus, etc.) — as those elements live on somebody else’s server. Only solution is to remove them or workaround them (e.g., load google fonts on your site or CDN, or load the CSS from your own style sheet — you can google how to do this, as it’s a trick which has been used for couple of years — simply grab the CSS you’re loading from google for the fonts, then put it into your own CSS, then remove the “call” to that CSS from your style.css and/or functions.php).

For the remove query strings I would suggest this:
1) turn off all your plugins
2) make sure you put the remove query code at bottom of your functions.php file and have uploaded to server properly, replacing original file
3) test a post page and see if it’s working – it should work, unless you have conflicting element re-writing your code. Or, you didn’t put the code in right place with something else you’ve added to the functions.php file, or you have a missing or extra closing bracket (bad syntax). There are couple of ways to do this, but again – double check your code/syntax, which is #1 reason something doesn’t work – be careful what you copy/paste FROM … always use a proper plain text editor so it won’t introduce garbage characters.
4) start turning on plugins: pay close attention to any SEO plugin which may try to rewrite the css and js “positions” in the file
5) avoid using plugins which do the same thing – seo plugin with sitemap, and other sitemap plugin; seo plugin which rewrites location of your js and css and the tagdiv speed booster
6) once you find the conflicting plugin, you can sort out what to do for the version removal to work (and don’t have that in functions *and* use a version removal plugin at same time, AND an SEO plugin that rewrites your code AND the tagdiv speedbooster).

This is normal process to “debug” why something doesn’t work.

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.