Search Results for 'css'

I edited style.css and it is fixed now, but still it’s not a very nice. Maybe you should add some margin. I usually use Tiled Mosaic and it is very nice, but this time every pic should had the same dimensions.

I will send you login and pwd to check the issue with the empty row. Be careful.

Thanks a lot.

Additionally, I use the WP-Optimize plugin to regularly optimize my WP dbase. Cutting 800kb out of your dbase once a week, or after a large number of posts/pages, also speeds up your system overhead.

Typically, we post several stories, then do backup of WP dbase for safekeeping, then run WP optimize to clean house of all the temp files, overhead, etc.

Much like SEO, “Page Speed” is a program and not a plugin. It requires research, implementation and support ticket with your hosting provider, or if you have a VPS or full dedicated box, they don’t turn anything on for you by default — you have to tell them what you need to make it go. We had to test our server cache settings as the first time they were too broad, and we dialed that back (you don’t want to have your home page cached for a week, obviously, but images can be cached for a month or year, for example as they don’t change).

Enabling gzip or similar compression on web server is mandatory, and this is good for 20+ points on Page Speed (SERIOUSLY!). What this does is compress the files sent to the web browser which the web browser decompresses on the fly (modern PCs and Macs are mini supercomputers after all); so instantly almost everything sent from the page to the browser is cut by 50-80% — THAT speeds up the page immensely.

THE TAKEAWAY:
1) web server compression MUST be enabled and setup — this is good for 20+ points on Google Page Speed !
2) proper expiration headers must be served for static content like local hosted fonts, favicon, apple icons, images — this also impacts page speed as it tells browsers like Chrome and Google’s caching server not to keep loading content over and over again.
3) images must be properly optimized before upload to your blog/publication — don’t upload a 50kb file if a 25kb file will do —
4) avoid bad behavior plugins such as those which load additional style sheets not needed, or loading too many ad units (10 ad units on a page will slow it down!)
5) consider using a caching plugin like W3C which can fix things like combining CSS, moving JS to footer

TEST, modify, review, TEST, review, adjust.

Obviously Radu, Marius and co need to setup a FAQs/knowledgebase page for all their themes on this topic or folks will keep posting again and again asking why their WP page doesn’t get 99. The theme is part of the picture, not the only item in the picture.

Sharing all of this as this topic has been the #1 thing I’ve been working on with our other sites, including our main business site which I have up to 99 PageSpeed and 96 YSLOW, using a CDN on top of our own dedicated server, but NOT using WordPress. It’s a complex subject, but Radu and co have done a freaky good job in making this theme work with all the other pieces — and I bought about 10 other themes before this one — and they all sucked, as we say here in the states.

Peace and hope all of that helped somebody 🙂

Just as an fyi, for an example our magazine site under redevelopment for Jan 1 relaunch; here is a test article page (my article), which has a Google Page Speed of 96; with no caching plugins or anything beyond the web server properly configured, images properly compressed, and not using any “bad behavior” WP plugins that adversely impact the DB calls or phone out to other systems needlessly.

http://ga-ga.com/1204/beginning-adventure-space-time-reveals-roots-doctor/

We have not yet implemented tagdiv’s cache beta, nor using W3cache, or have it connected to our CDN (yet). So, “96” is pretty awesome.

See GTMetrix speed/performance check:
http://gtmetrix.com/reports/ga-ga.com/y8YUj6GI

Be aware YSLOW penalizes heavily for not using a CDN — so anybody looking for high YSLOW scores needs to use something like W3Cache or similar.

For those who expect the THEME to manage your page speed, you must remember you need to have both your hosting properly setup for caching, headers, and other elements, *and* you must have your domain setup properly.

For example we add this to our .htaccess file in addition to having proper expire headers and caching setup on the server:

AddType text/javascript .js

<IfModule mod_rewrite.c>
ExpiresActive On

# Favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"

# Media: images, video, audio
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"

# CSS and JavaScript
  ExpiresByType application/x-javascript    "access plus 1 week"
  ExpiresByType text/css                  "access plus 1 week"
  ExpiresByType text/javascript		  "access plus 1 week"

# Webfonts
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
  ExpiresByType application/x-font-ttf    "access plus 1 month"
  ExpiresByType application/x-font-woff   "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"

</IfModule>

Following the first two instructions, it seems to have no effect. I’ve even went as far as putting all the padding dimensions to zero and when I compare the before and after changes to style.css, the homepage looks exactly the same.

Can someone please tell me the css to use on the child theme to change the color of the main menu text? Thanks!

Yout suggestion does not fit. I have cleared it with css and floats.

Yes, i found it. i think main menu is not a fixed menu in mobile like desktop, So there wont be any problem with the 2 menus on top of the page. now i had used responsive menu plugin and made top menu as responsive and works great. 🙂

But i am having issues with the child theme style.css. styles i am adding there are not overriding the main styles. Can you tell me why it is happening.

Thanks for the support.

I found out what the problem is but no clue what causing it or how to fix it. I followed this guide in the Newspaper FAQ and tutorials section:

https://forum.tagdiv.com/how-to-manage-html-structure-compromised-the-site-looks-bad-broken/

It turns out that the problem isn’t with HTML but with my CSS structure. I used the W3C CSS validation service and the results are below if @radu can please have a look.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmovieisland.net&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

regards,