Help with CSS my changes work but won't stick

  • On this page of my site:

    https://www.customscreenprintedtransfers.com/buy-water-based-transfer-sheets/

    I am trying to center the number in the quantity box. I am using firebug and modifying the CSS to this:

    .quantity .plus, .quantity .minus, .quantity .qty {
    margin: 0 0.53em 0 0;
    float: center;
    }

    When I do, it works just fine. But then when I insert that CSS into my theme, the number box is still left justified. I’ve been working on this for a few days now and I can’t seem to figure out why I can’t get a permanent change using the CSS that I am using successfully in firebug.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator t-p

    (@t-p)

    If Im not mistaken, float center is not a CSS property.

    If I understand your question,
    Try changing this class:
    .quantity {
    position: relative;
    }

    To this:

    .quantity {
    position: relative;
    left: 30%;
    }

    Thread Starter ambromfg

    (@ambromfg)

    Tara, thank you. That worked perfectly. However, now on this page:

    https://www.customscreenprintedtransfers.com/product/3-color-water-based-transfers/

    the quantity box is in the middle of the button.

    Thread Starter ambromfg

    (@ambromfg)

    It appears to me that both of those pages are linked, so anytime I make a change on one, it effects the other.

    You can distinguish the difference between both of the links in this thread by making use of the body classes.

    For example:

    For this post you can use:

    All single posts:
    .single .quantity { left: 0; }

    All single products:
    .single-product .quantity { left: 0; }

    This post only:
    .postid-290 .quantity { left: 0; }

    Whereas the other link is a page, inspect it and look at the body classes to see the difference.

    Hope this helps.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help with CSS my changes work but won't stick’ is closed to new replies.