WordPress.org

Forums

Validation errors in custom theme--site works in FF but not Safari (7 posts)

  1. jatho
    Member
    Posted 3 years ago #

    Hi everyone,

    I've used these support forums a million times--thanks so much to all the wonderful people who contribute!

    My issue is this: I built my first theme, which appears to work fine in Firefox (site is at http://styleconscious.org ). However, it doesn't seem to show my stylesheet in any other browser, and I think it has something to do with the call to it in my header, or possibly my index.

    The site did show up in Safari fine a few days ago, but I must have messed with some settings that broke it without my knowledge. I did deactivate the plugins that I installed/updated recently.

    I did validate the CSS, but am having issues slogging through my numerous problems in the XHTML version. Many of the errors have to do with this code: <div class="clearfloat border_bottom"></div> which I put in to create separation lines between posts. I have experimented with moving it around to different places in my code in attempts to resolve it (inside and outside the <p> and <div> tags), but it still pops up with error messages when I try to run it through W3C.

    I'm not sure if that has anything to do with the browser issues that I'm experiencing, but I'm assuming it's probably causing problems somewhere.

    Anyway, thank you so much for reading my novel of a post! Any and all guidance that you could offer would be very greatly appreciated :)

  2. maikunari
    Member
    Posted 3 years ago #

    The call to the stylesheet in the header seems to be messed up, replace whatever you've got there with this and see if it works:

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
  3. jatho
    Member
    Posted 3 years ago #

    Boo unfortunately that didn't fix the browser issue, but I'm sure that it helped some other problem I had! Thanks!

  4. maikunari
    Member
    Posted 3 years ago #

    Not sure what's happening there but when I view source it shows your styelsheet being called like this <link rel="stylesheet" type="text/css" href="http://styleconscious.org/wp-content/w3tc/min/aa5dc1df16aa77139ad9eb8e792d8e69.3923667859.css" media="all" />

    the name of the styelsheet should be style.css, maybe double check that your stylesheet is named style.css and not something else, or else wordpress won't recognize it.

  5. jatho
    Member
    Posted 3 years ago #

    That's really weird! I double-checked it, and my stylesheet is called style.css. When I viewed the source in Safari I got the same weird address that you got, but when I view it in Firefox I get this:
    <link rel="stylesheet" type="text/css" media="all" href="http://styleconscious.org/wp-content/themes/soconscious1.0/style.css" /> (which is right)

    Is my style.css supposed to be located in a different folder than in the theme, maybe?

  6. alchymyth
    Forum Moderator
    Posted 3 years ago #

    the w3tc plugin is causing this - some 'minify' setting.

    there are a few post in this forum, for instance:
    http://wordpress.org/support/topic/css-is-broken-with-latest-w3tc?replies=18

  7. jatho
    Member
    Posted 3 years ago #

    Thanks! Changing the minify setting worked. I'm so impressed with myself that it wasn't something that I did wrong, haha.

    Thank you maikunari and alchymyth--I really owe y'all! :)

Topic Closed

This topic has been closed to new replies.

About this Topic