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
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