Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2007
    Posts
    20
    Plugin Contributions
    0

    Default Background Color and CSS Properties That Do Not Exist

    [FONT=Arial]I want to make the product description area have the background color I tell it to have, but only that area, and not the whole page. When I preview, it's the whole page, of course, because the preview does not show what the product description will really look like anyway [annoying]. It does not show the product description as it will actually appear on the product page.

    Regardless, I have instructed the style to have a background color for that area, but the background color appears on the left and right of the whole store when viewing that product. The background of the product remains white. I need this fixed.

    Also, from viewing the page source of the product page, I see that the html is using several css IDs and classes that do not exist on the style sheet anyway. Why is this? I'm using the Classic template, and I am modifying it. There is no
    [/FONT][FONT=Arial]div id="productDescription" or class="productGeneral". There is a class "biggerText" but disabling it in the css does not help me to gain control of this page so that I can use my own style in the product description.

    Please help me with these issues.

    [/FONT]

  2. #2
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: Background Color and CSS Properties That Do Not Exist

    Quote Originally Posted by rsp View Post
    [FONT=Arial]I want to make the product description area have the background color I tell it to have, but only that area, and not the whole page. When I preview, it's the whole page, of course, because the preview does not show what the product description will really look like anyway [annoying]. It does not show the product description as it will actually appear on the product page.

    Regardless, I have instructed the style to have a background color for that area, but the background color appears on the left and right of the whole store when viewing that product. The background of the product remains white. I need this fixed.

    Also, from viewing the page source of the product page, I see that the html is using several css IDs and classes that do not exist on the style sheet anyway. Why is this? I'm using the Classic template, and I am modifying it. There is no
    [/FONT][FONT=Arial]div id="productDescription" or class="productGeneral". There is a class "biggerText" but disabling it in the css does not help me to gain control of this page so that I can use my own style in the product description.

    Please help me with these issues.

    [/FONT]
    No, not every div in existence is in the stylesheet.

    However, since you can look at the source, and see that there is a div called productDescription, you can simply add that to your stylesheet.

    I'm not sure I fully understand what you're looking for, but to have a background color for the product page, behind the image, description, add to cart, etc., simply add this to your stylesheet:

    #productGeneral {
    background-color:#33333;
    }

    If you *ONLY* want the background color right behind the actual product description text only, just do the same as the above but with #productDescription.

  3. #3
    Join Date
    Feb 2007
    Posts
    20
    Plugin Contributions
    0

    Default Re: Background Color and CSS Properties That Do Not Exist

    I may want a different background color for different products, and so I want to add it in the style I apply to each product. And I have done so, but it does not take. I have made sure that my style sheet has no values for the attributes I listed, so the style for that section should only be coming from the style I write for the product description, but it does not work that way.

    The background color is being applied to the full page, not the product.

  4. #4
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: Background Color and CSS Properties That Do Not Exist

    Quote Originally Posted by rsp View Post
    I may want a different background color for different products, and so I want to add it in the style I apply to each product. And I have done so, but it does not take. I have made sure that my style sheet has no values for the attributes I listed, so the style for that section should only be coming from the style I write for the product description, but it does not work that way.

    The background color is being applied to the full page, not the product.
    Hmm, I've never tried to define a style through the admin/product description box. Could I see a link to a page where you've tried this?

  5. #5
    Join Date
    Feb 2007
    Posts
    20
    Plugin Contributions
    0

    Default Re: Background Color and CSS Properties That Do Not Exist

    Ok!! I thought through what you said, and realized that I am not actually zenned. Thinking back inside this box, I realized that I needed to add the css property .centerColumn to my style of my product and give that the background color and it worked! Yes! YaY!

    I may get there yet! Now I can sleep. Thanks, jettrue!

 

 

Similar Threads

  1. CSS background color change
    By bargincircus in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 19 Nov 2010, 12:22 PM
  2. Css background img + background color
    By missanna in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 May 2010, 01:12 PM
  3. Can't change background color? (or any color, for that matter)
    By philanthropybooks in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 6 Oct 2009, 03:26 AM
  4. CSS Firebug Showing CSS That Doesn't Exist!
    By limelites in forum General Questions
    Replies: 3
    Last Post: 11 Jun 2009, 05:23 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