WordPress.org

Ready to get started?Download WordPress

Forums

Sugar and Spice
[resolved] custom css for centering & lists (12 posts)

  1. lcappiello
    Member
    Posted 2 months ago #

    How can I remove these bullets from the product page??
    http://www.snaks5thavenchew.com/store/flaxseed-coco-mos/

    And Center the content on all the product pages?

    I have been searching so long for this answer. Please can you help me?

    Thank you
    Lisa

  2. Bearded Rick
    Member
    Posted 2 months ago #

    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

  3. lcappiello
    Member
    Posted 2 months ago #

    OMG SOOO Freakin HAPPY right now that worked.

    Can you help with centering the content also?

    Lisa

  4. lcappiello
    Member
    Posted 2 months ago #

    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

  5. Bearded Rick
    Member
    Posted 2 months ago #

    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

  6. lcappiello
    Member
    Posted 2 months ago #

    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.........

  7. Bearded Rick
    Member
    Posted 2 months ago #

    Let's get rid of this damn problem then! :)

    try with this and let me know:

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

    Cheers,
    Riccardo

  8. lcappiello
    Member
    Posted 2 months ago #

    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

  9. Bearded Rick
    Member
    Posted 2 months ago #

    No worries, I'm glad to help!

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

    Maybe this will do trick!

  10. lcappiello
    Member
    Posted 2 months ago #

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

    Lisa

  11. Bearded Rick
    Member
    Posted 2 months ago #

    Very good!!! ;)

    Please make sure you mark the topic as solved

    Thanks!

  12. lcappiello
    Member
    Posted 2 months ago #

    Thanks:)

Reply

You must log in to post.

About this Theme

About this Topic