CSS Sprites
-
I have 6 social icons linked from the header area of my site and I am trying to replace them with a CSS Sprite but cannot get it to work. The current icons are located in a header widget area of my theme through a text box. When I add the new html in the text box and the CSS in the style sheet, the sprite does not show up. Are there any good tutorials on this subject?
-
excellent resource. thanks Matt
-
Thanks Robert - it is a tool that I have found very handy in the past!
-
Matt,
I had not seen this before and it is really a nice tool It should be easy for Brett to fix the issue with it. Good job.
-
Hi Brett - have a look at this - http://www.websiteoptimization.com/speed/tweak/css-sprites/
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Content that's behind CSS..
For content that's been loaded onto the page.. but it requires a click for it to be revealed.. as in a slider, or a tab, to save space or for a page's organization.. what are your thoughts on Google counting or weighting this content? It would make sense for Google to give it partial or no weighting as if Google attributes the content to being there, its confusion for the user to land on the page and have to find it/click around to find it.. Sorry if this is an obvious question to SEOs.. I've always assumed as long as it was loaded, it'd be mostly counted.. but I'm beginning to doubt my assumption. Thanks!
On-Page Optimization | | speedcommerce0 -
Eliminate render-blocking CSS in above the fold content with shopify
Hello, It seems that my shopify website needs to eliminate render-blocking CSS in above the fold content to get better mobile speed and I don't see or find anything about how this could be done. I have succeeded with a wordpress site but the way things are restricted with shopify, I have not been able to do the same. The other thing would be to leverage browser caching which I have no clue how it can be done with shopify either. Thanks!
On-Page Optimization | | Mabo320 -
Unused CSS Tool Recomendations
Hey moz, Im currently converting my site to mobile as its an older template based on tables it will make a lot of CSS redundant. I cant delete as i go incase a page uses it im unaware of so need to clean it up when its done. Is there a tool that crawls my entire website and highlights the unused CSS in the files? Ive found a few paying tools that claim to do so but am reluctant to just spend money on something without a recommendation. Cheers!
On-Page Optimization | | ATP1 -
How many css and Javascript on ecommerce site?
Hello, I want any tool which seach css and javascript of whole ecommerce cite? Please suggest. Thanks! Dev
On-Page Optimization | | devdan0 -
Combining CSS
One recommendation from a page speed analysis of my site was to combine CSS (external style sheets) but after reading more on the topic others say that this is not always best. Any thoughts on either approach?
On-Page Optimization | | casper4340 -
Html and css errors - what do SE spiders do if they come across coding errors? Do they stop crawling the rest of the code below the error
I have a client who uses a template to build their websites (no problem with that) when I ran the site through w3c validator it threw up a number of errors, most of which where minor eg missing close tags and I suggested they fix them before I start their off site SEO campaigns. When I spoke to their web designer about the issues I was told that some of the errors where "just how its done" So if that's the case, but the validator still registers the error, do the SE spiders ignore them and move on, or does it penalize the site in some way?
On-Page Optimization | | pab10 -
CSS and Spiders
I am using website auditor for my onsite SEO and I am getting a ton of CSS warnings. How important is to fix these issues? Where would you place this in you priority list?
On-Page Optimization | | SEODinosaur0 -
External vs inline for CSS menu
Which is better for search engines: external or inline menus? And which language: CSS, Javascript, or both?
On-Page Optimization | | teatable0