🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery plugin utility which dynamically inserts a symmetrical pull-quote element clone to enable a hacky float: center between two columns of text.

Plugins Text Effect

Documentation

pull-quote-center

!!! work-in-progress, YMMV !!!

A jQuery plugin utility which dynamically inserts a symmetrical pull-quote element clone to enable a hacky float: center between two columns of text

Demo: https://jakedowns.github.io/pull-quote-center

usage

See index.html for example HTML + CSS.

  1. make sure you have jQuery loaded
  2. require this plugin or load it via a script tag
  3. call it after domready via:
$('.content').pullQuoteCenter();  // alternatively, you can pass in an options object to override default options:  $('.content').pullQuoteCenter({     debug               : false,     wrapper_selector    : '.two_column_wrapper',     pquote_selector     : '.pquote.center',     clone_classname     : 'pqc-clone',     lhc_selector        : '.left-column',     rhc_selector        : '.right-column',     responsive          : false, }); 

related package / dependency

credit

This plugin was inspired by Chris Coyier's CSS-Tricks post: Faking "float: center"


You May Also Like