WordPress.org

Ready to get started?Download WordPress

Forums

Social PopUP - Deprecated
Code for layout (2 posts)

  1. jasjotbains
    Member
    Posted 8 months ago #

    Hi

    Can I get the code to make the lightbox look exactly as it does in the screenshot?

    Thanks in advance!

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

  2. Damian
    Member
    Plugin Author

    Posted 8 months ago #

    Hi, that should be the one that comes default with the plugin.

    <div id='spu-title'>Please support the site</div>
    <div id='spu-msg-cont'>
         <div id='spu-msg'>
         By clicking any of these buttons you help our site to get better </br>
         {twitter} {facebook} {google}
         </div>
        <div class='step-clear'></div>
    </div>

    And the CSS is:

    .spu-button {
    		margin-left:15px;
    		margin-left: 15px;
    		display: inline-table;
    		margin-top: 12px;
    		vertical-align: middle;
    }
    #spu-msg-cont {
    	border-bottom:1px solid#ccc;
    	border-top:1px solid#ccc;
    	background-image:linear-gradient(bottom,#D8E7FC 0%,#EBF2FC 65%);
    	background-image:-o-linear-gradient(bottom,#D8E7FC 0%,#EBF2FC 65%);
    	background-image:-moz-linear-gradient(bottom,#D8E7FC 0%,#EBF2FC 65%);
    	background-image:-webkit-linear-gradient(bottom,#D8E7FC 0%,#EBF2FC 65%);
    	background-image:-ms-linear-gradient(bottom,#D8E7FC 0%,#EBF2FC 65%);
    	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#D8E7FC),color-stop(0.85,#EBF2FC));
    	padding:16px;
    }
    #spu-msg {
    	margin:0 0 22px;
    }
    .step-clear {
    	clear:both!important;
    }
    #spu-title {
    	font-family:'Lucida Sans Unicode,Lucida Grande,sans-serif!important;
    	font-size:12px;
    	padding:12px 0 9px 10px;
    	font-size:16px;
    }

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.