Customize availability message

  • Resolved marurbgil

    (@marurbgil)


    3 years, 4 months ago

    Hello,

    I would like to know if there is a way with CSS to customise the inventory management message / warning that appears in the shopping cart when you reserve an item that is not in stock.

    Here is how it appears now: https://ibb.co/N16PHjY

    I would like to be able to put a background and a colour to make it stand out as a warning with respect to the rest of the text.

    Thanks and best regards

    Spanish below:

    Hola,

    Me gustaría saber si existe alguna manera con CSS de customizar el mensaje / aviso de gestión del inventario que aparece en el carrito de compra cuando reservas un artículo que no está en stock.

    Aquí os muestro cómo aparece ahora: https://ibb.co/N16PHjY

    Me gustaría poder ponerle un fondo y un color para que resaltase como un aviso con respecto al resto de texto.

    Gracias y un saludo

Viewing 4 replies - 1 through 4 (of 4 total)
  • Mirko P.

    (@rainfallnixfig)

    Hey @marurbgil,

    I’m using the Storefront theme and can customize backorder notifications using this CSS:

    .woocommerce-cart .backorder_notification {
  background-color: red;
  color: white;
}

    To add custom CSS code navigate to WordPress Dashboard > Appearance > Customize > Additional CSS and add your CSS to the editor.

    You can give it a try. If it doesn’t work, please share your website URL and we can take a look at the HTML output and assist you further.

    Cheers.

    Thread Starter marurbgil

    (@marurbgil)

    Okey @rainfallnixfig , I tried but is not working

    The theme im using is ocean wp: https://madicontrol.com/tienda/

    Thanks in advance

    Mirko P.

    (@rainfallnixfig)

    Hello @marurbgil,

    I can see it’s using the same class, please try with this CSS:

    .woocommerce-cart-form .product-name .backorder_notification {
background-color: red !important;
color: white !important;
}

    If it still doesn’t work, since it’s wrapped within an Elementor widget, I’d suggest getting in touch with Elementor Support Team directly at https://elementor.com/support/.

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Customize availability message’ is closed to new replies.