zerlotus

Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Forum: Plugins
    In reply to: [MailPoet - Newsletters, Email Marketing, and Automation] Pop Up On Mobile is distorted
    Thread Starter zerlotus

    (@zerlotus)

    1 year ago

    Hello! Thanks a lot for checking in! Yes, I tailored a complete new CSS code for mobile, here you have in case anybody needs it. Thank you.

    /* Imagen de fondo para TODAS las resoluciones */ 

    mp_form_popup1 {

    background: url('your img URL') center / cover no-repeat !important;
    }

    /* Estilos específicos para móvil / 

    @media (max-width: 499px) { #mp_form_popup1 { display: none !important; 
    / Oculto por defecto en móvil */
    width: 90% !important;
    min-width: 90% !important;
    max-height: 70% !important;
    height: 65% !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 100000 !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    border-radius: 20px !important;
    }

    #mp_form_popup1.active {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    }

    .mailpoet_form_popup_overlay {
    display: none !important;
    }

    .mailpoet_form_popup_overlay.active {
    display: block !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 99999 !important;
    }

    .mailpoet_form_close_icon {
    padding: 0 !important;
    height: 25px !important;
    width: 25px !important;
    }

    .mailpoet_form_image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: 100% !important;
    overflow: visible !important;
    }

    .mailpoet_form_image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    }

    /* Aumentar tamaño y peso del texto principal */
    #mp_form_popup1 h2 {
    font-size: 21px !important;
    font-weight: bold !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    }
    }

    Forum: Plugins
    In reply to: [MailPoet - Newsletters, Email Marketing, and Automation] Pop Up On Mobile is distorted
    Thread Starter zerlotus

    (@zerlotus)

    1 year ago

    Its ok, thank you. But I guess this is not right, isnt? shouldnt it fit the screen or at least scale enough not to show a scroll bar?

    Thank you!!

    Forum: Plugins
    In reply to: [MailPoet - Newsletters, Email Marketing, and Automation] Pop Up On Mobile is distorted
    Thread Starter zerlotus

    (@zerlotus)

    1 year ago

    Hello Lyn! Thanks a lot for your reply, I appreciate it!

    Sadly, CSS code did not work, changing colour background does BUT it still being not properly formated.



    I think it has to do with max or min width (it doesnt properly scale the content tho)

    Thank you!

    • This reply was modified 1 year ago by zerlotus.
    Forum: Plugins
    In reply to: [WooCommerce] Composite Product – Scroll to gallery instead of summary
    Thread Starter zerlotus

    (@zerlotus)

    1 year, 11 months ago

    Hello, is not an issue, it is like that by default but i’d like to go back to the top on the webpage as it doesnt make sense not to see how the image is being update (thats what the plugin does and you dont notice it on mobile unless you manually go to the top)

    Aside from that, correct me if im wrong, but it is an official plugin made by woocommerce, right?

    Thank you 🙂

Viewing 4 replies - 1 through 4 (of 4 total)