Results 1 to 6 of 6

Threaded View

  1. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: using CSS on Product Description

    If you want to do CSS styling on product description content, you have two choices: you can put it inline in the element concerned, or you can give the element a class or id and style that in your stylesheet. Inline styling can be infinitely tailored to the particular element, but you need to repeat it for every element that has the same styling.
    The stylesheet can apply as widely or narrowly as you desire depending on the classes or ids you create, but you do need to go edit the stylesheet before you see the effects.

    You can do things like
    [inline:]
    <p style="width: 15em; background: #aabbcc; font-size: 1.3em;">Text text</p>

    or

    <p class="myPara">Text text</p>

    [in stylesheet:]
    .myPara {width: 15em; background: #aabbcc; font-size: 1.3em;}

    If you apply a "myPara" class to all relevant product paragraphs, and later decide you want them a bit smaller, you can edit once in the stylesheet and they will all change. If you do inline styling, you will have to edit every single product that has that paragraph.
    Last edited by gjh42; 28 Jul 2010 at 01:59 AM.

 

 

Similar Threads

  1. v139h Using tables in my product description.
    By 4jDesigns in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 2 Feb 2012, 05:35 PM
  2. CSS override of product description
    By SethF in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 5 Nov 2011, 11:37 PM
  3. Color of Product Description text... where in the css?
    By trucurrent in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 15 Feb 2010, 04:49 AM
  4. Using include in product description
    By jeking in forum Templates, Stylesheets, Page Layout
    Replies: 42
    Last Post: 30 Jan 2008, 06:15 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