Items in store appearing inconsistently - by Firas

This topic has 6 replies, 2 voices, and was last updated 3 years ago ago by Rose Tyler

  • Avatar: Firas
    Firas
    Participant
    March 3, 2021 at 13:26

    Why are items in store appearing inconsistently?
    And I have another question about where to change the price color from black to another color

    http://prnt.sc/10c3w2i

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 3, 2021 at 13:40

    Hello,

    1) Add the next code in Theme Options > Theme custom CSS:

    .main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
        display: flex;
        justify-content: center;
    }
    .products-loop .ajax-content, .products-loop {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
    }
    .content-product .quantity-wrapper {
        margin-right: auto;
        margin-left: auto;
    }
    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }

    or disable variation swatches from the Shop page via Theme Options > WooCommerce > Shop elements.
    2)

    .content-product .price {
        color: #e8787a;
    }

    Regards

    Avatar: Firas
    Firas
    Participant
    March 3, 2021 at 16:09

    Should I replace all of these?
    http://prnt.sc/10c7bni

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 3, 2021 at 16:10

    Open the Global custom CSS area and add the code at the bottom.

    Regards

    Avatar: Firas
    Firas
    Participant
    March 5, 2021 at 02:34

    I add it not change, Is that correct ?
    Look good now thank you
    What about the second question?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 5, 2021 at 08:15

    Hello,

    1) You’re welcome!
    2)

    .content-product .price {
        color: #e8787a;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘items in store appearing inconsistently’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.