Okay
  Public Ticket #2146815
Newsletter popup
Closed

Comments

  • itsabusamra started the conversation

    The settings for the newsletter pop-up don't work.

    The colors, content alignment, text alignment nothing works and when I add an image it covers the whole box not the left area made for the image.

    Thanks.

  •  231
    Shopify Team replied

    Hi itsabusamra, 

    Sorry for late reply.

    Please follow these steps to fix this bug:

    1. Go to Admin - Online Store  - Theme - Actions - Edit code 

    3002443905.png

    2. Open file from this path: Assets - gps-styleguide.scss.liquid

    5722848238.png

    3. Go to line ~920, enter to new line and add this code: 

    $newsletter_popup_heading_color: {{ settings.newsletter_popup_heading_color }};
    $newsletter_popup_text_color: {{ settings.newsletter_popup_text_color }};
    $newsletter_popup_link_color: {{ settings.newsletter_popup_link_color }};
    $newsletter_popup_link_hover_color: {{ settings.newsletter_popup_link_hover_color }};
    .newsletter-popup {
      h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
        color: $newsletter_popup_heading_color;
      }
      p, * {
        color: $newsletter_popup_text_color;
      }
      a {
       color: $newsletter_popup_link_color;
       &:hover {
          color: $newsletter_popup_link_hover_color;
        } 
      }
    }
    2201600146.png

    4. Go to line ~960, you can see this piece of code. Replace it by this code below

    3760467010.png

    Here is replace code

    .block-popup-subscribe{
        &.align-left {
          float: left;
          width: 50%;
        }
        &.align-center {
          margin: 0 auto;
          width: 100%;
          .contact-form {
            margin: 0 auto;
          }
        }
        &.align-right {
          float: right;
          width: 50%;
        }
    }
    5358921337.png

    5. Save the updates.

    6. Open file from this path: Snippets/gp-popup-newsletter.liquid

    5135711055.png

    7. Add this piece of code to the end of the line below the new code (will be line 4)

    5101412261.png

    text-{{ settings.newsletter_popup_text_alignment }} align-{{ settings.newsletter_popup_content_alignment }}
    7523151719.png


    8. Save & check on the frontend.

    Please check & let me know if this bug is still exist.

    Thank you

    Be Steven

    Best regards


  • itsabusamra replied

    https://ibb.co/Np2hjr5


    The only thing worked is the heading color. 

    and the text is now aligned to the left and it can't be changed.

    The close button isn't visible and out of the box now.

    The image fills the whole box not just the area made for it


    Waiting for your response,

    thanks.

  •  231
    Shopify Team replied

    Hi itsabusamra,

    Can you send me the URL and your account of your site so we can try to fix it.


    Thank you

    Be Steven

    Best regards.


  • itsabusamra replied

    force-down.myshopify.com/admin


    [email protected]

    Goforit7



    Can you tell me how you did it when you figure it out.

  •  231
    Shopify Team replied

    Hi itsabusamra,

    1. About  the text can't be changed, you write it wrong position and delete ">" so The close button isn't visible and out of the box. It should be before ">.

    8709152114.jpg

    We have fixed it and the color of link and text.

    2. About the image fills the whole box not just the area made for it.

    The image is background of the whole box and cover it. Maybe you make mistake about our image in theme. Our image is like that. 

    popup-image.jpg?v=1548124683

    You should upload image which the same proportion as the image of your popup.

    7337571057.png

    Please check & let me know if this bug is still exist and you're satisfied with it.

    Thank you

    Be Steven

    Best regards