Power Pack Content Grid
Using Hookbox To Execute PHP Code
Here’s the output of my hookbox/shortcode [hookbox_php] This is my code in the Beaver Extender Hookbox
Change Background Image on Click
Button 1 Button 2 Button 3 Button 4 Button 5 Here’s the jQuery jQuery(“#button1”).click(function($) { jQuery(“#my-target-row > div”).css(“background-image”, “url(http://bb.sogwap.net/wp-content/uploads/2016/09/bg1.jpg)”); }); jQuery(“#button2”).click(function($) { jQuery(“#my-target-row > div”).css(“background-image”, “url(http://bb.sogwap.net/wp-content/uploads/2016/09/bg2.jpg)”); }); jQuery(“#button3”).click(function($) { jQuery(“#my-target-row > div”).css(“background-image”, “url(http://bb.sogwap.net/wp-content/uploads/2016/09/bg3.jpg)”); }); jQuery(“#button4”).click(function($) { jQuery(“#my-target-row > div”).css(“background-image”, “url(http://bb.sogwap.net/wp-content/uploads/2016/09/bg4.jpg)”); }); jQuery(“#button5”).click(function($) { jQuery(“#my-target-row > div”).css(“background-image”, “url(http://bb.sogwap.net/wp-content/uploads/2016/09/bg5.jpg)”); });
Transparent Background on Module
Transparent Background on Module Plain Heading Heading with Transparent Module Background Heading for Second Row with Transparent colum Background CallOut 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…
Bootstrap Collapse
Title 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.
Two Tone Buttons 3
Click Here Click Here Click Here Callout Module 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…
Wire Frames
Here’s the CSS I used for these box shadows: .fl-module-content {box-shadow:0px 0px 5px #F00;} Our Services Communication Faecis horrifer caelo aere nisi. Piscibus coegit super lucis fuerat haec. Metusque locavit Read More Protection Congeriem posset: glomeravit sorbentur cetera nulli. Nullo nullo ripis caecoque cinxit Read More Growth Orbis mundo terram quam! Passim flamina vis silvas…
