custom css for centering & lists

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.

https://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:)