Title: Code for layout
Last modified: August 21, 2016

---

# Code for layout

 *  [jasjotbains](https://wordpress.org/support/users/jasjotbains/)
 * (@jasjotbains)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/code-for-layout/)
 * 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/](http://wordpress.org/plugins/social-popup/)

Viewing 1 replies (of 1 total)

 *  [Damian](https://wordpress.org/support/users/timersys/)
 * (@timersys)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/code-for-layout/#post-4289362)
 * 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;
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Code for layout’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/social-popup_a8acb1.svg)
 * [Social PopUP (email lightbox)](https://wordpress.org/plugins/social-popup/)
 * [Support Threads](https://wordpress.org/support/plugin/social-popup/)
 * [Active Topics](https://wordpress.org/support/plugin/social-popup/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/social-popup/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/social-popup/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Damian](https://wordpress.org/support/users/timersys/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/code-for-layout/#post-4289362)
 * Status: not resolved