Announcement

Collapse
No announcement yet.

Altering the CSS Style of "OUT OF STOCK"

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

    Altering the CSS Style of "OUT OF STOCK"

    Can someone please tell me where I need to go in order the change the style (CSS) for the "Out of stock" which is displayed in the ACT_ProductLine.html template please?

    Thanks!

    #2
    Have you tried adding a <div> class into Design | Text > phase -1 ID 334


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Cheers.

      On my style sheet i have this class:

      .outofstock {
      font-family: verdana;
      font-weight: bold;
      font-colour: #CC0000
      font-size: 16px;
      }

      which should give a bold dark red colour

      and on the design -> text section on actinic you mentioned i added this line

      <div class="outofstock">OUT OF STOCK</div>

      this should work right?

      However it does NOT show the red colour, just black

      Comment


        #4
        Ah sorted

        I changed the <DIV> tags to <SPAN> tags and it worked

        Cheers

        Comment


          #5
          Just to note about your CSS ... you should really use the following order for text:

          font-family;
          font-size;
          color

          then the weight, positioning, borders, margins etc etc

          .. and font-family: verdana is not a family ... you should use something like....

          font-family: verdana, tahoma, arial, helvetica, sans-serif;

          in your declaration if verdana is not available there is no specified alternatives so the users browsers will apply its own substitute ... possibly to nasty effect.

          Glad you got it sorted


          Bikster
          SellerDeck Designs and Responsive Themes

          Comment


            #6
            Just to note about your CSS ... you should really use the following order for text:

            font-family;
            font-size;
            color
            Why?

            surely by defining in full ie not using shorthand the order should make no difference

            Comment


              #7
              More a matter of good practice than w3c compliance at the moment - several of the steering members are trying to ratify (with different suggestions) but nothing is set in stone yet .. but yes .. it will work in any order


              Bikster
              SellerDeck Designs and Responsive Themes

              Comment


                #8
                I must admit ive used the same sort of style on my CSS for a while, and not noticed any difference. TBH I didnt realise it had to be in any certain format?

                Comment

                Working...
                X