Bullet Points Don’t Work in Product Short

Did emulating the webpage tell us anything. I don’t understand all the coding.

And just to re-iterate what I said before (where I copied and pasted how I added the code to GET the bullets to show) it’s all well and good that they are there then. But if I have to amend anything via the PrintAura API side like the price, which can only be done through the print aura side then once I save it there (update) all the code I manually entered in WP/WooCommerce editor disappears. So I end up with no bullets just the same as if I was adding a fresh product through the API, leaving me chasing my tail in an endless cycle.

Hi Superkot

Thanks for your reply, don’t worry about it at all. I didn’t really worry about it much tbh! Too focused on the actual problem that I can’t get around. Not sure how it became such a big deal! I understand where you’re coming from (and that’s why I DID’T scold you) I know full well I didn’t provide enough information as my site is under construction and I know jack s*** about coding and have never even used CSS Desk before. I wasn’t sure what other info to provide here!

When I posted here I assumed it may have been a known issue or something with WooCommerce after the theme provider said something to that effect after looking at my site. Until I spoke with WooCommerce on FB I realised it wasn’t WooCommerce, I also didn’t know how to explain everything that was happening until I wrote to WooCommerce on FB, so sorry about my poor post without enough information.

How do I find line 244-246 in style CSS? I’m a bit lost with this stuff. Do I go Appearance > Editor > Customise Style Sheet? If so, how do I see the line numbers? Do I just change “none” to “disk”? From ” list-style-type: none; ” to “list-style-type: disk; “? I can only literally guess as I have never learnt code.
Will that fix the problem for each product and ones I add in future? Meaning it’s actually a theme issue afterall?!?

It should be disc with C. Yes, you can edit that from here. You can just use browser “search” to find the line by content. However, that will affect all & every ul-li list on your website, so those bullets may appear in other places if they are being used somewhere else. It is probably better to visit Appearance > Customize > Custom CSS and paste the following in there:

.woocommerce-product-details__short-description li {
    list-style-type: disc;
}

I can only go Appearance > Customise> “Additional CSS” There’s a left hand panel with site identity, Header, Menu, Colors etc., and down the bottom Additional CSS. Does this look right though?

1 /*
2
3 .woocommerce-product-details__short-description li {
4 list-style-type: disc;
5 }
6
7
8 */

I saved the changes. I’ve looked at the item without bullet points and there’s still no bullet points there. Logged out cleared cache, went back and still no bullets.

You need to remove /* before and */ after. These characters make everything between them a “comment”, that is not processed.

Oh thank you SO MUCH, Superkot that worked!! Massive gratitude for solving this issue for me. I just created a dummy product with the API and checked in WP and the bullets now appear on the front facing site. What a massive relief that is!

If I can trouble you with one more thing..?
Is there a way to align the bullet points as the alignment is with the bullet point text, rather than the bullet points themselves? Is that something to do with padding?
If it isn’t an easy fix I’ll leave it like this.

https://valkyriewingscom.ipage.com/shop/shop/mens/swedish-vowels-monochromatic-t-shirt-sage-s-5-xl/

Try this additional custom css:

.single-product ul {
  margin-left: 18px;
  margin-bottom: 10px;
}

Omg thank you SO much!! That all looks so much better now!

Support here saved me, thanks lorro and superkot! ??