Announcement

Collapse
No announcement yet.

Weird but educative style sheet experience

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Weird but educative style sheet experience

    Hi there,

    I've just had a weird style sheet experience that I thought I'd share, as I learned a lot.

    If this has been covered elsewhere, let the moderators remove this post at will.

    I have had my site up and running for ages. All has been well.

    One day, for the first time, I decided to add my own style to the style sheet.

    Here is what I added, in the correct part of Actinic:
    .review_in_list {
    color="rgb(154,1,1)";
    font-size="12px";
    font-style="italic";
    font-weight="bold";
    }

    Now, the savvy programmers will be jumping up and down at this, but I wasn't... because it worked!

    In actinic, this looked just how I wanted it to. When I rolled it out and tested it in Firefox, it was wrong. In Explorer, fine.

    It took me ages to resolve, and during this, I discovered that my pages all show the actinic.css line in the <head> twice. Any advice on how to stop that will be welcome, but that was a red-herring. The problem was elsewhere.

    The problem is that my code is all wrong. The "=" should be ":". So I changed it to:
    .review_in_list {
    color: "rgb(154,1,1)";
    font-size: "12px";
    font-style: "italic";
    font-weight: "bold";
    }

    And... it still didn't work. But now I was playing with the text.
    I tried using hex instead of RGB:
    color: "rgb(154,1,1)";
    becomes
    color: "#9A0101";

    Still no joy. All the time, looking great in Actinic.

    Finally, on a whim, I tried what I thought was bad practice, and took out the quotes... and success!

    This is how it works:
    .review_in_list {
    color: #9A0101;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    }

    I'm including this as I found a lot of threads saying 'I've edited my style sheet, it works in Actinic, but not in my website' but I didn't find this answer.

    Regards,
    PB
    Kind regards,
    Phil Benjamin

    Want to de-stress as you use SellerDeck software?
    http://www.ursulajamesstore.com
Working...
X