Added css sprite – not showing on page?

  • geekpinata

    (@geekpinata)


    10 years, 11 months ago

    My site: geekpinata.com
    The theme: Catchbox

    So I obviously did a lot of surgery on the theme I started with. I created a child of it and am just tinkering a ton with it just to learn stuff.

    Anyhow, I decided I wanted to create a CSS Sprite and throw it on the page to see what it looks like. When I test the sprite and my coding in a separate file, it works just fine. See here: CSS Sprite I created

    However, now that I pulled the css code for the sprite into the style.css for my site and placed the html for it in the header file, it doesn’t show the way it’s supposed to. It just shows as a bulleted list, despite being styled otherwise.

    As I am still learning about doing stuff in WP the way I want, so I am guessing there is something about the way WP pulls everything from the php files and onto the main index and thus my sprite isn’t showing right. Either that, or some of the css that already came with the theme is overriding the sprite’s css to show properly. Not sure which. Any help is appreciated! Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • ronangelo

    (@ronangelo)

    10 years, 11 months ago

    Inspect your child theme’s style.css
    Your #content doesn’t have a closing bracket

    #primary {
	float: left;
	margin: 0 -35.5% 0 0;
	width: 1020px;
}
#content {
	margin: 0 0 35%;
	width: 640px;

#secondary {
	float: left;
	width: 300px;
}
    Thread Starter geekpinata

    (@geekpinata)

    10 years, 11 months ago

    OF COURSE it’s something like that! After hours of staring at everything… I missed it. Doh. And sigh.

    Thank you so much for looking! That did it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Added css sprite – not showing on page?’ is closed to new replies.

Tags