Results 1 to 10 of 11

Hybrid View

  1. #1
    Join Date
    Jun 2008
    Location
    Ontario, Canada
    Posts
    57
    Plugin Contributions
    0

    Default Default CSS Optmization - How do I change CSS File name in header of all pages?

    Hello,

    I just launch my site, and I'm looking to streamline it a bit. I have been trying to find out a good way to compress my CSS files...which are pretty large.
    I found this site after some searching and though it looks like a pretty good method. But I am not quite sure how to implement it into Zen Cart.

    http://www.ethanandjamie.com/blog/43...gzip-css-files

    The part I am unsure of is how to: "update the path to the CSS file in the head of your HTML or PHP file to point to the styles.php file that you created"

    Does this look like a good way to you? Maybe this could help a lot of people...but I can't figure out how to do this.

    Thanks for you time,

    Adrian

  2. #2
    Join Date
    Jun 2008
    Location
    Ontario, Canada
    Posts
    57
    Plugin Contributions
    0

    Default CSS Optmization - How do I change Css File name in header of all pages?

    Hello,

    I posted this in general questions a day ago and thought this might be a better place to post this question.

    I just launch my site, and I'm looking to streamline it a bit. I have been trying to find out a good way to compress my CSS files...which are pretty large.
    I found this site after some searching and though it looks like a pretty good method. But I am not quite sure how to implement it into Zen Cart.

    http://www.ethanandjamie.com/blog/43...gzip-css-files

    The part I am unsure of is how to: "update the path to the CSS file in the head of your HTML or PHP file to point to the styles.php file that you created"


    Thanks for your time,

    Adrian

  3. #3
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: CSS Optmization - How do I change Css File name in header of all pages?

    Quote Originally Posted by Beama View Post
    Hello,

    I posted this in general questions a day ago and thought this might be a better place to post this question.

    I just launch my site, and I'm looking to streamline it a bit. I have been trying to find out a good way to compress my CSS files...which are pretty large.
    I found this site after some searching and though it looks like a pretty good method. But I am not quite sure how to implement it into Zen Cart.

    http://www.ethanandjamie.com/blog/43...gzip-css-files

    The part I am unsure of is how to: "update the path to the CSS file in the head of your HTML or PHP file to point to the styles.php file that you created"


    Thanks for your time,

    Adrian
    If you keep the name stylesheet.css and location (includes/templates/YOUR_TEMPLATE/css

    Then there is nothing more you need to do.

    Zen Cart will find your optimized stylesheet as it normally does.

  4. #4
    Join Date
    Jun 2008
    Location
    Ontario, Canada
    Posts
    57
    Plugin Contributions
    0

    Default Re: CSS Optmization - How do I change Css File name in header of all pages?

    The recommendation that this guy gives is to:

    ..."create a file called styles.php in the same folder as your CSS files."

    then you place the php code he has created, and...

    "You will then need to update the path to the CSS file in the head of your HTML or PHP file to point to the styles.php file that you created."

    That's why I would like to know how to change Css File name in header. I'm not just trying to optimize the code that is in the stylesheet.

    Thanks

  5. #5
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: CSS Optmization - How do I change Css File name in header of all pages?

    Quote Originally Posted by Beama View Post
    The recommendation that this guy gives is to:

    ..."create a file called styles.php in the same folder as your CSS files."

    then you place the php code he has created, and...

    "You will then need to update the path to the CSS file in the head of your HTML or PHP file to point to the styles.php file that you created."

    That's why I would like to know how to change Css File name in header. I'm not just trying to optimize the code that is in the stylesheet.

    Thanks
    Here are a couple of on-line optimizers that don't require anything more than inputing your stylesheet information and getting an optimized version of the same file.

    www.cssoptimiser.com/

    www.cleancss.com/

  6. #6
    Join Date
    Jun 2008
    Location
    Ontario, Canada
    Posts
    57
    Plugin Contributions
    0

    Default Re: CSS Optmization - How do I change Css File name in header of all pages?

    Thank you. What I was also trying to do is compress the CSS files with GZip or something.

    do you have any tips for that?

    (by the way...i really appreciate you getting back to me so quickly. thanks!)

 

 

Similar Threads

  1. layout changed after installed CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Feb 2014, 04:02 PM
  2. v151 How to uninstall CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Feb 2014, 07:39 AM
  3. What to name the CSS files for Product pages?
    By thebigkick in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 10 Jan 2012, 05:33 PM
  4. how to get different header for different pages? - Without CSS
    By markpr9 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 15 Apr 2009, 04:34 PM
  5. CSS on specific pages, Javascript on all pages
    By banswidthjunkie in forum General Questions
    Replies: 6
    Last Post: 22 Dec 2007, 07:31 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg