CSS Sculptor - is this a minor bug?
I have just used CSS Sculptor in Design Extender and I have created different colours for text links in the header in comparison to the rest of the page. I set the body to have red links, and then the header to have yellow... but it didn't work... so I said sod it, it 3 in the morning and I am going to bed.
Now I have had four hours of sleep and dropped the kids of at school etc, I feel fully refreshed and have looked at it with a fresh pair of eyes. It was quite straight forward really; the header styles for 'a', 'a:active' etc all have a '2' after them! I removed the 2 and it obviously worked straight away.
It might be a bug with the extension as it stands, and thought I'd point it out for anyone who is struggling with the same issue, but it's simple enough to correct once the css has been created.
Below is what was created, and I simply deleted the '2' in the header styles to get it working as desired.
THE PAGE AS A WHOLE:
a, a:link {
color: #FF0000;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #FF0000;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #FF9900;
text-decoration: underline;
}
a:focus {
color: #FF9900;
}
a:active {
color: #FF9900;
}
THE HEADER SECTION:
#outerWrapper #header a2 {
color: #FFCC00;
}
#outerWrapper #header a:visited2 {
color: #FFCC00;
}
#outerWrapper #header a:hover2 {
color: #CCCCCC;
}
#outerWrapper #header a:focus2 {
color: #CCCCCC;
}
#outerWrapper #header a:active2 {
color: #CCCCCC;
}