'How can I change the font size of a Swal2 Toast element title

I have been working on a project for some time, and researched one specific problem I have been unable to fix: changing the font size of a Swal2 Toast title. Everything functional works, but all the CSS solutions I have found do not work. The title of the modal is tiny and hard to read.

let message = getCookie("greeting");
        const Toast = Swal.mixin({
            timer: 3000,
            toast: true,
            position: "top-end",
            showConfirmButton: false,
            showClass: {
                popup: "animate__animated animate__fadeInRight",
            },
            hideClass: {
                popup: "animate__animated animate__fadeOutRight",
            },
            allowOutsideClick: false,
            allowEscapeKey: false,
        })
        Toast.fire({
            title: message,
        })

image of modal

javascriptcsssweetalert2


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions