Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Any way to remove italic style from content inserted using :before class?

Any way to remove italic style from content inserted using :before class?

Problem

I have code like so

  • Pentax K-5 16 Megapixel DSLR
  • I use CSS like

    .iconic.camera:before {
    font-size: 35px;
    font-family: "KameraDings";
    content: "A";
    padding-right: 8px;
    vertical-align: -10%;
    }
    

    to insert a Camera symbol with the special symbol font. However I have style for li's set to Italic. Is there a way possible to Remove Italic from this one content letter ? I have tried font-style: none; to no avail

    Problem courtesy of: devcoder

    Solution

    That's font-style: normal; not font-style: none;.

    Solution courtesy of: Madara Uchiha

    Discussion

    View additional discussion.



    This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

    Share the post

    Any way to remove italic style from content inserted using :before class?

    ×

    Subscribe to Css3 Recipes - The Solution To All Your Style Problems

    Get updates delivered right to your inbox!

    Thank you for your subscription

    ×