Sogwap Sandbox

Test Site

Menu

Michael

My Fine Gallery

Using BB Gallery Module using Lightbox optionNotice the light box images are limited to 1024 pixel width Using WordPress Gallery with custom jQueryUsing the standard WordPress gallery, (created within Text Editor module) popup images display Full-size. jQuery shown below. One Awesome Data Center Here’s my jQuery jQuery( function(){ jQuery( ‘.gallery-icon a’ ).magnificPopup({ type: ‘image’, gallery: …
Your custom read more text

Add Floating menu

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

HTML in Excerpts

A Paragraph

Another Paragraph

Filler code with
a break tag
Lets try a Strong Tag

How about an H1 Tag

How about an H2 Tag

How about an H3 Tag

GF Adaptive Placeholder #2

Contact Us Name*Email* Phone*Best Time to CallBest time to call YaMorningAfternoonEveningAnytimeMessage Here’s the JQuery: jQuery(‘li.gfield input’).removeAttr(‘placeholder’); jQuery(‘li.gfield textarea’).removeAttr(‘placeholder’); jQuery(document).ready(function($) { $(“input[type=’text’], textarea”).focus(function(){ $(this).parents(“li”).removeClass(“Blur”); $(this).parents(“li”).addClass(“Focus”); }).blur(function(){ $(this).parents(“li”).removeClass(“Focus”); $(this).parents(“li”).addClass(“Blur”); }) $( “input[type=’text’], textarea” ).change(function() { if ( $( this ).is(“:valid”) ) { $(this).parents(“li”).addClass(“Valid”); } else { $(this).parents(“li”).removeClass(“Valid”); } //$(this).parents(“li”).toggleClass(“Valid”); }); $( “input[type=’text’], textarea” ).each(function( i ) { …
Your custom read more text

GF Adaptive Placeholder

Registration Name*Email* Phone*Best Time to CallBest time to call YaMorningAfternoonEveningAnytimeMessage Demo of Gravity Forms Adaptive Placeholders. This shows use of both labels and placeholder. Note label placed inline of input field. The advantage here is that both labels and normal placeholder text fits in compact area, although slightly clutter. Done entirely with CSS, this design …
Your custom read more text