WordPress.org

Support

Support » Plugins and Hacks » Alligator Popup » [Resolved] using alligator popup with a button

[Resolved] using alligator popup with a button

  • hey there!

    amazing plugin!

    i have just a quick question for you. i would like to have a popup window appear with a button on my site. i’ve been able to use alligator popup with regular text, but i can’t figure it out with a button.

    i’m using bridge theme.

    would you know if this can work? i hope so, i love the plugin!

    website: simplymba.com. in that first call to action right below the header image, i would like the “try it” button to launch the popup, if possible.

    thanks!

    https://wordpress.org/plugins/alligator-popup/

Viewing 1 replies (of 1 total)
  • Plugin Author cubecolour

    @numeeja

    ɹoʇɐɹǝpoɯ

    This was originally posted in the forum for ‘Alligator Menu Popup’, however ‘Alligator Popup’ is the appropriate plugin for links in content and I believe that is the one you are actually using so I’ve moved this topic to the ‘Alligator Popup’ forum.

    You can add some CSS to your child theme or by using a custom CSS plugin to style your link as a button.

    For example:

    a.popup {
    	background: #3498db;
    	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    	background-image: -o-linear-gradient(top, #3498db, #2980b9);
    	background-image: linear-gradient(to bottom, #3498db, #2980b9);
    	-webkit-border-radius: 8;
    	-moz-border-radius: 8;
    	border-radius: 8px;
    	font-family: Arial;
    	color: #ffffff;
    	font-size: 20px;
    	padding: 10px 20px 10px 20px;
    	text-decoration: none;
    	position: relative;
    }
    
    .popup:hover {
    	background: #3cb0fd;
    	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    	text-decoration: none;
    }
    
    .popup:active {
    	top: 1px;
    }
Viewing 1 replies (of 1 total)
  • The topic ‘[Resolved] using alligator popup with a button’ is closed to new replies.
Skip to toolbar