[resolved] Permalink change breaks CSS (11 posts)

  1. Cliveloseby
    Posted 8 years ago #

    Hi there, I decided to change my Permalink Structure of my site to Pretty ones and it unfortunately has disconnected my stylesheet.

    When I changed permalinks to Date and Name-Based ie /%year%/%monthnum%/%day%/%postname%/
    every page loses the stylesheet.

    When I changed to /archives/%post_id%/ all my main pages are fine but my sub pages lose their css!

    please look at two versions of my site, identical in pretty much all respects:

    http://www.access-bydesign.com/ (old style permalinks)

    http://www.abdtest.co.uk/ (permalinks changed to /archives/%post_id%/)

    and you will see what I mean.

    Thank you very much for any ideas you may give.

    The tag line back to wp will be going in our sites, BTW...

  2. moshu
    Posted 8 years ago #

    No, I don't see what you mean. Which is the PAge that is loosing the style?

  3. Cliveloseby
    Posted 8 years ago #

    Sorry, I should have made it clearer. Any of the sub pages: click on "Our Websites" and then either "Our Services" or "Portfolio", or in fact and page that open up to show another one. I use Collapsing Page Menus but taking it out didn't solve the error... thanks for your response!

    BTW, if I change Permalinks to /%year%/%monthnum%/%day%/%postname%/, all the pages lose it.

  4. Ivovic
    Posted 8 years ago #

    how is the stylesheet referred to in the header?

  5. Cliveloseby
    Posted 8 years ago #

    HI, like this:

    <link rel="stylesheet" href="standard.css" type="text/css" media="screen" />

    this is in line 7 of header.php

  6. Cliveloseby
    Posted 8 years ago #

    If it helps, here is the entire file (header.php):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <title>Access - by Design </title><meta name="author" content="Access by Design 2007" />
    <meta name="classification" content="accessible web design"/>
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" href="standard.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
    <?php wp_head(); ?>
    <div id="pagewidth" >

    <div id="header" >

    <h1 class="nodisplay">Access - by Design</h1>

    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    <div class="alignright">
    <div><label for="s" class="nodisplay">Search Tool</label>
    <input type="text" value="type your text here... "<?php the_search_query(); ?> name="s" id="s" /></div>
    <div><label for="searchsubmit" class="nodisplay">Submit Button</label>
    <input type="submit" id="searchsubmit" value="Search Now!" /></div>

    <p class="nodisplay">Jump to MenuJump to ContentJump to Footer • </p>

    <div id="wrapper" class="clearfix" >

    <div id="twocols" class="clearfix">

  7. Ivovic
    Posted 8 years ago #

    that'll be the problem then. Is standard.css in the root of your webspace?

    if so, refer to it as /standard.css

    Usually people leave their CSS in the theme's directory, and refer to it with a little php code, but if you want to leave it where it is, then simply add a slash to the front of the filename.

  8. Ivovic
    Posted 8 years ago #

    heh I was replying before you added the rest, you may want to do /print.css as well, while you're at it.

  9. Cliveloseby
    Posted 8 years ago #

    Thank yoou so much! I will try it and see what happens, much appreciated!

  10. Cliveloseby
    Posted 8 years ago #

    Just tried it, it worked a treat, nice one!

  11. Ivovic
    Posted 8 years ago #

    awesome ;)

Topic Closed

This topic has been closed to new replies.

About this Topic