Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 12, 2017 at 10:56 pm #776970
    flowerjovia

    I’ve been trying to use the numbered list feature in product description section of WooCommerce but it doesn’t line up correctly. It looks correct in the editor but the live version is not correct. Can anyone advice me on how to fix this?

    April 14, 2017 at 4:31 am #777611
    Rikard

    Hey flowerjovia,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 14, 2017 at 3:31 pm #777853
    flowerjovia

    Yes, it’s enterprisemgt.com and the page is in the shop, it’s the the following page in the numbered section:

    Brilliant or Blunder

    April 18, 2017 at 5:59 am #779080
    Ismael

    Hi,

    Thank you for the info. Please add this css code in the Quick CSS field.

    ol {
    margin-left: 0;
}

    Best regards,
    Ismael

    April 18, 2017 at 5:47 pm #779506
    flowerjovia

    I tried the code in Quick CSS and it did not work…any suggestions?

    April 18, 2017 at 7:36 pm #779589
    Nikko

    Hi,

    Try adding !important to Ismael’s code, it should look like this:

    ol {
    margin-left: 0 !important;
}

    If that doesn’t work, can you give us temporary admin access? just post the details in Private Content.

    Best regards,
    Nikko

    April 18, 2017 at 8:19 pm #779625
    flowerjovia

    That doesn’t work either. I think maybe it might be better if you took a look at the site so you can see what I’m talking about. The info is below.

    April 18, 2017 at 8:43 pm #779640
    Nikko

    Hi,

    I have checked it and it does line up correctly. Screenshot is in private content
    Best regards,
    Nikko

    April 18, 2017 at 8:49 pm #779642
    flowerjovia

    Hi Nikko,

    That is not correct. Please login to the back end and look at the way the numbering is supposed to line up. This is not correct. The text should not be under the numbers. Also, it should also indent. It looks correct in the backend but when you look at the website it is incorrect as shown in your image. I’m not trying to be a stickler for grammer or proper form but my client is an english professor and as you can imagine, this is driving her crazy and preventing me from getting paid.

    April 19, 2017 at 3:49 am #779756
    Ismael

    Hi!

    I see. Please remove the previous css code then add this one.

    .woocommerce-tabs #tab-description ol, #top .woocommerce-tabs .commentlist .description ol {
    list-style-position: outside !important;
}

    Best regards,
    Ismael

    April 19, 2017 at 3:58 am #779760
    flowerjovia

    Thank you Ismael, it works!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘error in product description with numbering’ is closed to new replies.