Announcement

Collapse
No announcement yet.

CSS For Price Color

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS For Price Color

    Hello,

    I am trying to change the product price that shows in red here:http://dev2.cagememorial.com/store/?group_id=6

    How do I do that

  • #2
    Here's the css for that price on that page...

    .ec_price_type2 {
    font-weight: normal;
    font-family: 'Droid Serif',Arial,sans-serif;
    color: #EE3B3B;
    font-size: 14px;
    text-align: center;
    }

    If you want to change just the color, you could add something like the purple color on your page or whatever you want in the advanced css settings...

    .ec_price_type2 {
    color: #032dff;
    }

    EasyCart has a nice system for doing this using the custom css method mentioned here:
    http://docs.wpeasycart.com/wp-easyca...section=design
    I like to use the Developers Tools built into Chrome for finding the CSS to change.

    If something does not "take" after a change and you know it's not a cache issue, you may need to add the "!important" statement in the css like this to override other conflicting css in a theme:
    .ec_price_type2 {
    color: #032dff !important;
    }

    Comment


    • #3
      I posted an answer to this question. Can the moderator please approve it? I'm not sure why it did not get instant approval. It contained some example CSS.

      Comment


      • #4
        Hmmm. It's not approving me again. maybe because it contains code

        You can add in the custom css area in EC... your purple in this example...

        .ec_price_type2 {
        color: #3A00FE;
        }

        Comment


        • #5
          Yes, likely the coding, but your answer is correct with CSS option.

          Comment

          Working...
          X