Results 1 to 5 of 5
  1. #1
    Join Date
    Apr 2006
    Posts
    178
    Plugin Contributions
    0

    Default Changing CSS rules for one page only.

    Hi. I'm convinced this must be covered elsewhere so I apologise if so... I'm obviously searching for the wrong terms as I can't find the answer to my problem.

    The title sums it up really, I'm looking to edit the layout of a single page, specifically I want to remove the padding from the centerColumn on my home page only.

    .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    padding: 0.8em;
    }

    I seem to think I should be creating a new stylesheet for the home page specifically with just the amended rule in it, as I think I read that somewhere (before I knew I needed to do it!) Whatever the solution, thanks in advance for any pointers.

  2. #2
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Changing CSS rules for one page only.

    In the css folder there is a CSS_read_me file explaining how to.

  3. #3
    Join Date
    Apr 2006
    Posts
    178
    Plugin Contributions
    0

    Default Re: Changing CSS rules for one page only.

    Ah great, thanks for that, I think that's what I read previously. I have done a little testing and I am able to make my edit to the padding on most pages, (by naming the css file page_3, page_4, etc) although I'm having trouble referencing the home page as it loads in main_page. Any thoughts? Thanks again.

  4. #4
    Join Date
    Sep 2005
    Location
    Waikato, New Zealand
    Posts
    1,539
    Plugin Contributions
    3

    Default Re: Changing CSS rules for one page only.

    try

    index_home.css

    for just the home page
    Last edited by nigelt74; 13 Mar 2011 at 09:15 PM.
    Webzings Design
    Semi retired from Web Design

  5. #5
    Join Date
    Apr 2006
    Posts
    178
    Plugin Contributions
    0

    Default Re: Changing CSS rules for one page only.

    Cheers Nigel, that's done the trick!

 

 

Similar Threads

  1. How to load css or js files for only one page?
    By delia in forum Contribution-Writing Guidelines
    Replies: 11
    Last Post: 19 Sep 2015, 03:34 PM
  2. CSS Stylesheet for One Product Only?
    By limelites in forum General Questions
    Replies: 4
    Last Post: 19 Jun 2010, 04:46 PM
  3. Changing css rules of multiple pages
    By acummins in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 5 Feb 2010, 09:11 AM
  4. changing css for one product
    By JasonRocket in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Oct 2009, 12:30 PM
  5. Changing CSS for ONE cat name, so it stands out in the sidebox
    By innovafire in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 8 May 2009, 05:55 AM

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