Help with CSS Please, need styles advice.

Discussion in 'CSS' started by TripleXBunny, Jun 10, 2008.

0
  1. #1
    Hello, I would like to fix the display of some of my "related products" section ( http://www.thecatalog.com/3770.html at the bottom of the page ). I know this can be done with CSS but I need help doing this please. I need to center the picture, put the "Price" in red and the "Sale Price" in bold. I have the following code so far but I need the extra CSS styles to make it look the way I would like it to look:

    <style>
    img.ystore-cross-sell-product-image {border:0px;}
    .ystore-cross-sell-product-caption h4 { margin: 0 0 10px; font-size: 11px; }
    </style>

    Best Regards! :)
     
    TripleXBunny, Jun 10, 2008 IP
  2. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #2
    Either post a url or files, you haven't given enough information.

    .ystore-cross-sell-product-caption h4 { color: red; margin: 0 0 10px; font-size: 11px; }
    that should make one of the two change color, which I dont know.
     
    shallowink, Jun 10, 2008 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Try adding this to the bottom of your css file:

    .ystore-cross-sell-product-image { margin: 0px auto; border: 0; }
    .ystore-cross-sell-product-reg-price { color: red; }
    .ystore-cross-sell-product-price ystore-cross-sell-product-sale-price ys_promo { font-weight: bold; }

    Some crazy class names you got there..
     
    wd_2k6, Jun 10, 2008 IP
  4. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #4
    Yup long and crazy. Does that page even have end tags for body and html? All I saw was a bunch of javascript at the EOF, totally weird. Yet another reason to avoid Yahoo Stores.
     
    shallowink, Jun 10, 2008 IP
  5. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It's terrible, but I suppose on just viewing the site alone it doesn't look as bad as the code it could get away with being a store.
    I think the closing tags are there they are in between a few of the scripts at the bottom in random places!!
     
    wd_2k6, Jun 10, 2008 IP
  6. TripleXBunny

    TripleXBunny Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Hi, thank you all for your help, I found a page that contains some CSS info but it does not show how to center the item picture, or to make the "price" red or the "sale price" part bold. http://help.yahoo.com/l/us/yahoo/smallbusiness/store/promote/tools/tools-67.html

    would you be so kind in helping me with this? thank you


    Best Regards,

    Jenny
     
    TripleXBunny, Jun 10, 2008 IP
  7. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #7
    Did you try wd_2k6's code? Just add it to the stylesheet. From the doc you posted it looks like the right area.
    Just checked the page again, I couldn't even find a stylesheet(yes I used find). Either link in a style sheet or
    add it to the already existing style tag in the head of the page.
     
    shallowink, Jun 10, 2008 IP