Support » Theme: Sugar and Spice » custom css for centering & lists

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hey Icappiello,

    For the list bullets try to put this CSS into your Custom CSS or Child Theme style.css, that way you won’t lose all the changes made when the theme updates

    .wpsc-single-product {
      list-style: none outside none!important;
    }

    Let me know if it works!

    Cheers,
    Riccardo

    OMG SOOO Freakin HAPPY right now that worked.

    Can you help with centering the content also?

    Lisa

    Really what I am looking to see is the description under the product image and to the right that empty space have the quantity, and variables listed.

    I can figure this out I have searched the web for hours now for this

    I’m glad it worked!

    Yeah for the centering it’s pretty easy, to the code I just gave you add

    text-align:center!important

    The QTY input though is a little stubburn so try with this:

    .wpsc-list-item-qty {
      display: inline-flex;
    }

    Let me know if it works Lisa,

    Cheers,
    Riccardo

    This is what I have so far that I added. I can NOT figure out the boxes I have tried like crazy and nothing is moving those boxes. What you have above did not work. This is what it looks like now:( any thoughts? I used firebug so I did try the field names the box could be.

    http://www.snaks5thavenchew.com/store/puppy-poppers-2/

    }
    .wpsc-single-product {
    list-style: none outside none!important;
    text-align:center!important
    }
    .wpsc-price {
    text-align:center!important
    }

    GRRRR………

    Let’s get rid of this damn problem then! πŸ™‚

    try with this and let me know:

    .wpsc-individualqty {
        display: inline-block!important;
    }

    Cheers,
    Riccardo

    Ok that worked to move the quantity box to the center. I tried to apply the same to the Product Variation box because that didn’t move. I tried several variation but with no success.

    }
    .wpsc-single-product {
    list-style: none outside none!important;
    text-align:center!important
    }
    .wpsc-price {
    text-align:center!important
    }
    .wpsc-individualqty {
    display: inline-block!important;
    }
    }
    .wpsc-LoadProductVariation {
    display: inline-block!important;
    }

    I am sorry for all this back and forth I am truly grateful for your help Riccardo:)))

    Lisa

    No worries, I’m glad to help!

    .wpsc-list-item-variation select {
      display: inline-block;
      margin-top: 15px;
    }

    Maybe this will do trick!

    YOU ROCK!!!!! That did the trick. Thank you so very much for all of your help.

    Lisa

    Very good!!! πŸ˜‰

    Please make sure you mark the topic as solved

    Thanks!

    Thanks:)

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘custom css for centering & lists’ is closed to new replies.