This is the last line
}
del { color: red; }
And that is is..? It didnt change what I’ve already done… but I assume that will work going forward? thx!
pae.. dont know why you can’t get to it… My site is up and running. Are you sure the mispelled url is not still showing up? it should be thirdrailers.com THNKS SO MUCH!
@jorge THANK YOU… 🙂
Yeah. Got it now. Must have been a problem my end. Sorry.
Are all your troubles over now, or was there something else. I got lost.
🙂
Cheers
PAE
Well, I added the code to my css page.. but how would I keep the lettering black but make the—————- in red?
thx
@kiran, weee! Good job! I looked at your work and it’s great, now you’re on your way to becoming a CSS master!
Now a couple of tips, instead of stating the value red, you can use #ff0000 or rgb(255,0,0) for the actual color red.
Another tip is that you can “nest” elements and give them different values so if you have a <del> in your posts and another in your sidebar, you can give them different colors, font sizes, etc. It’s real cool and a lot of fun.
Best wishes!
Can you point us to an example on your site, so that we can look at it? And if you could provide a bit of explanatory text in your post telling us what we will see and what you would like to see instead?
It’s been a long day. My brain’s hurting a bit, so I need some help.
Cheers
PAE
but how would I keep the lettering black but make the—————- in red?
Hold on, I’ll get that info to you in a few
Try this on a demo-delete.html file:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
del { color: red; }
del span { color: black; }
</style>
</head>
<body>
<p>This is a string of text, and <del><span>this should be deleted</span></del>.</p>
</body>
</html>
This is an example if you want to take it to the next level…like I said, it’s easy stuff but you might have limitations depending on the browser, etc. I haven’t tested this other than my Chrome browser. Just an FYI.
http://thirdrailers.com/news/obamas-plan-for-economic-recovery-shooting-craps/
You will see the txt and the strikethrough text… I want to put the red line through the strikethrough text…but have the actual “text” behind the line in black. Its to go with the writing style.. Which is, a kind of satire…what they (politicians) are “saying” and not “saying”.. 🙂
@jorge… got message.. process of responding. as for that code…
I have no idea where to put it. do i start a new css file/page? Not sure where to go with that. I do graphics but coding drive me crazy…
@kiran, you have a lot of <del> elements where it’s not practical to add a <span> class to them all manually. You can add it using jQuery though 🙂 —the Rabbit Hole, I tell ya’
this isnt going to be easy…. 🙁
I have no idea where to put it
You add the following CSS where on the last lines, you’ll see we’re keeping the original line intact.
del { color: red; }
del span { color: black; }
We added an <span> element in between your <del> elements so it forces the browser to display a red line and the text can be black.
<del><span>Deleted text</span></del>
Like I said, since you have a lot of existing content, that will not be practical because you still have to go back and edit all the entries.
I would remedy this using jQuery to add the span element within the del tags, however, as you stated, your code knowledge is limited so, let me find some resources for you, I’ll try and post it asap.
PAE and Jorge – THANK YOU BOTH SO MUCH for your efforts. I have only been at this about two weeks and its a challenge to say the least. I very much appreciate your advice (and your patience!)
i was trying to read up on that jquery thing and i might as well be reading Greek. That’s going to be a lot of manual changing in the editor!!
and just think, that is only 1/2 of everything i need to do… 🙁
