Solved

Modify CSS to change <del> and <ins> tags?

Posted on 2012-03-14
1
166 Views
Last Modified: 2012-03-15
Is there any way I can modify the CSS here so that the <del> and <ins> tags can have different font attributes without modifying the html/php scripts?  The CSS makes the font green but I would like the <del> which gets crossed out to be red if possible.

Thank you.
#featured-products .amount 
{
color:#008000; font-weight: normal; 
font-size:1.5em; 
display:block;
clear:both;
}

Open in new window

<span class="price">
<del><span class="amount">$7.00</span></del>
<ins> <span class="amount">$5.25</span></ins>
</span>

Open in new window

0
Comment
Question by:-BLUE-
1 Comment
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 500 total points
ID: 37723746
add

#featured-products del .amount
{
color:red;
font-weight: normal;
font-size:1.5em;
display:block;
clear:both;
}
0

Featured Post

ScreenConnect 6.0 Free Trial

Want empowering updates? You're in the right place! Discover new features in ScreenConnect 6.0, based on partner feedback, to keep you business operating smoothly and optimally (the way it should be). Explore all of the extras and enhancements for yourself!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question