Home › Forums › WoodMart support forum › Price aligned to the left on mobile

Price aligned to the left on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2020 at 8:01 pm #208283

    dirkspijkerman
    Participant

    Hi,

    on mobile the price is aligned to the left. I couldnt figure out which CSS I have to use to center it.

    Could you please let me know which css I need to center the price?

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    July 3, 2020 at 8:40 am #208364

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached. Please try and add the following Custom CSS in the Custom CSS for mobile area under Theme Settings >> Custom CSS.

    .product-grid-item .price {
text-align: center;
}

    If it doesn’t work for you then provide the URL of the page to check it myself and help you out accordingly.

    Best Regards.

    July 3, 2020 at 7:56 pm #208495

    dirkspijkerman
    Participant

    Hello,

    thank you. It doesnt do the trick.

    Unfortunately I cannot send the live link due to privacy reasons. I tried to replicate the problem on a test site but there the problem doesnt occur (everything is centered). Do you have any idea what the reason could be for this?

    July 3, 2020 at 8:02 pm #208497

    dirkspijkerman
    Participant

    None of these worked:

    span.woocommerce-Price-amount.amount{
    text-align: center;
    }

    p.price{
    text-align: center;
    }

    /* center things */
    div.summary-inner{
    text-align: center;
    justify-content: center;
    }

    July 3, 2020 at 8:06 pm #208498

    dirkspijkerman
    Participant

    On the test site this code is enough to center everything:

    div.summary-inner{
    text-align: center;
    }

    If I remove all css from the live site and only enter the code from above it center everything except for the price.

    July 4, 2020 at 6:31 am #208525

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    If the price is centered on the test site it means that it is conflicting with some third party plugin. Please deactivate all the third party plugins and then Regenerate the CSS from WoodMart >> CSS Generator.

    Clear cache and check back.

    If the problem continues then provide with the admin panel login details of the live site in the private content area to check it myself and help you out accordingly.

    Best Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)