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
-
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 -
Is it better to put all your CSS in 1 file or is it no problem to use 10 files or more like on most frameworks?
Is it better to put all your CSS in 1 file or is it no problem to use 10 files or more like on most frameworks?
On-Page Optimization | | conversal0 -
Having a terrible time ordering the CSS Styles and Scripts in my header
Hi Guys, I am having a terrible time trying to get the correct optimized (for speed, none blocking etc) order for loading my external css and JS. I follow the recommendations from Google Page Speed or Chrome Audit and it seems no matter where I move the CSS file too (top or bottom) it complains about more blocking and stopping rendering of the page. My URL is http://www.MyFairyTaleBooks.com if some smart person out there could help me figure out what I am doing wrong and the order in which my should be organized I'd appreciate it! Oh I'm not a developer but I can re-arrange text in a file! 😉 Thank you!
On-Page Optimization | | MyFairyTaleBooks
Dinesh0 -
Does css float affect SEO?
It is generally believed that the closer the content is to the top of the page, the better it is for SEO. If that's incorrect, please let me know. I have a 2 column site where the left menu is navigation and right side is content. Obviously, the left menu appears in the code before the content does, but I can flip them around via css float. If I do that, the content will appear on the left visually, even though in the code it still comes after the left side navigation. Do either positions affect seo?
On-Page Optimization | | cmp1010 -
Unused CSS
Is there any advantage to removing unused CSS on a wp theme template. If removed will it not merely be added with the next update?
On-Page Optimization | | casper4340 -
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 -
Will google see you bold/emphasis words if done in css?
We do not use header tags in our website. I understand bolding or emphsising words can be equally as effective but if done so in css will the google crawlers and spiders etc be able to put a weighted value on this style of code???
On-Page Optimization | | gsbureau0 -
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