Need help with removing variant option title

Site URL: https://www.kakeandkash.com/

Hi!

I would love some help with removing the variant option titles from my product pages (color and size). I've already added specific css codes for the variant button options but not sure how to add code to remove the variant option titles.

Thank you so much!!!

Hello,

I think I'm understanding you. You would like the buttons, just not the titles, correct?

Try the following code:

.ProductItem-details .product-variants p {
display: none !important;
}

Hi! Yes, that correct. And that code worked perfectly! Thank you so much!!!!

Hope i could bother you with another question. How can I minimize the blank space between the variant buttons and the add to cart button. I would like to bring them closer together under the price?

Thank you so much!

Glad the first code worked,

You could try the following code for your variant buttons:

.product-variants .fakeSelector {
  margin-bottom: 0px !important;
}

Thank you so much! That code worked perfectly!

Would you happen to now if its possible to move bullet points in the product description section to align with the product title, price, etc?

On 10/2/2021 at 4:03 AM, urbansoulistic said:

Thank you so much! That code worked perfectly!

Would you happen to now if its possible to move bullet points in the product description section to align with the product title, price, etc?

Add to Design > Custom CSS

div.ProductItem-details-excerpt ul {
    list-style: none !important;
    padding-left: 0 !important;
}
div.ProductItem-details-excerpt ul *:before {
    opacity: 0;
}

@tuanphan

Thank you! That definitely worked but is there a way to keep the bullet points?

Thanks so much!!!

On 10/9/2021 at 3:03 AM, urbansoulistic said:

@tuanphan

Thank you! That definitely worked but is there a way to keep the bullet points?

Thanks so much!!!

remove this line

Quote

div.ProductItem-details-excerpt ul *:before {
    opacity: 0;
}