Home/ Questions/Q 7029055
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T00:29:17+00:00

I am having an issue when developing a WordPress theme. I developed the theme

  • 0

I am having an issue when developing a WordPress theme. I developed the theme using Chrome, and everything looked fine. The theme is based on the Roots theme for WordPress:
http://www.rootstheme.com/

When I went to test the theme in IE and Firefox, none of the CSS elements that I defined in the /css/style.css file were being applied to the elements!

The site is http://precisionmfgmn.com/.

In Firebug, I am able to see the contents of the stylesheet in the HEAD section, but when I look at the HTML element, none of the rules in the sheet are being applied to the elements.

One notable example is the BODY element, which is not getting the background image applied to it.

Any ideas as to why this is happening in a browser-specific manner?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have a mistake in your .sidebar_bottom {margin-bottom: 30px;"} declaration: that " double quotes are a mistake. Surely Chrome has a way to go on with it, but Firefox and IE ignore following rules.

    A part, your rule in style.css that defines the background-image is applied to a #body and not to a body selector, so to an element with an id equal to body and not to the body element, which in your HTML code doesn’t have any id.

    It’s a good policy to always check your CSS stylesheets with the W3C validator to avoid problems like the first one.

    • 0