WordPress.org

Ready to get started?Download WordPress

Forums

WordPress PopUp
[resolved] second popup (8 posts)

  1. joyce_er
    Member
    Posted 5 months ago #

    I would like to have a second popup ~10 seconds after the first popup. Does the paid version allow a second popup?

    http://wordpress.org/plugins/wordpress-popup/

  2. WPMU DEV
    Member
    Posted 5 months ago #

    Hi @joyce_er,

    I hope you are well today and thank you for your question.

    No, unfortunately currently you can only show 1 popup per page as this is the way cookies normally work.

    Cheers.

  3. joyce_er
    Member
    Posted 5 months ago #

    Hi,
    I have some other questions. Is there some reason why styling using css is a little difficult using this popup?
    1. I was able to make the h2.aht-sidebar-popup a {color: #003399 !important;} but I couldn't make the hover another color. h2.aht-sidebar-popup a:hover,
    h2.aht-sidebar-popup a:visited {color: #3363BA !important;} does not work.

    2. I could not figure out why the h2 has a text-decoration: none; I could not find this in the css stylesheet or the popup setting page.

    3. I tried using the <span> tag to style the "search" word with 'Dancing Script' but the font doesn't work in the popup.

  4. joyce_er
    Member
    Posted 5 months ago #

    I forgot to mention that the page is http://austinhometeam.com/austin-home-search/

    Thanks in advance for your help!

  5. WPMU DEV
    Member
    Posted 5 months ago #

    Hi @joyce_er,

    I hope you are well today and thank you for your question.

    It's not difficult to style this popup, it's all about CSS specificity that you should consider when overwriting CSS.

    1. I was able to make the h2.aht-sidebar-popup a {color: #003399 !important;} but I couldn't make the hover another color. h2.aht-sidebar-popup a:hover, h2.aht-sidebar-popup a:visited {color: #3363BA !important;} does not work.

    I just checked your site http://austinhometeam.com/austin-home-search/ and it's working fine.

    2. I could not figure out why the h2 has a text-decoration: none; I could not find this in the css stylesheet or the popup setting page.

    text-decoration property specifies the decoration added to text. The text-decoration: none; value defines a normal text so that the value of the text-decoration property should be inherited from the parent element.
    In which CSS file are you finding it? It is in style.css file of your theme.

    3. I tried using the <span> tag to style the "search" word with 'Dancing Script' but the font doesn't work in the popup.

    How are you applying the font? Can you just do it again so that i can debug it on your site or tell me how are you doing it so i will test it by developing same in my test site?

    Best Regards,

  6. WPMUDEV
    WPMU DEV Support Staff
    Plugin Author

    Posted 5 months ago #

    Hey there.

    We haven't heard from you in awhile, so I just wanted to check in to make sure all was good.

    This thread was marked resolved, but please, if you still need help then just respond and open it back up. We can then take it from there. :)

    Hope you have a fantastic day!

  7. joyce_er
    Member
    Posted 4 months ago #

    Hi,

    I was able to get the font to work. Is there a way to set the popup so that it sticks to the bottom right side of the screen in all screen sizes?

    http://austinhometeam.com/round-rock-listings/

  8. WPMU DEV
    Member
    Posted 4 months ago #

    Hi @joyce_er,

    You can make popup responsive by CSS coding and adjusting left and top values of it. You can create CSS code as following and add it in your site from the menu Admin -> Appearance -> Custom Styling after installing this plugin http://jetpack.me/support/custom-css/

    /* Phones 480px and below */
    @media screen and (max-width: 480px) {
    .visiblebox {
       left: 50% !important;
       top: 50% !important;
     }
    }

    In the above code adjust the max-width value 480px to whatever device width you want to apply code or create separate instances of above code and change the max-width value to apply different left and top values for different devices.

    Visit this page to get more information on media query http://www.w3.org/TR/css3-mediaqueries/

    Best Regards,

Reply

You must log in to post.

About this Plugin

About this Topic