[oik] plugins.com

WordPress plugins and themes

  • Home
  • About
    • lazy shortcodes
    • smart shortcodes
    • oik base plugin
      • oik – donate
      • oik PayPal buttons
      • oik installation
      • oik Button Shortcode button
      • oik changelog
      • oik FAQ
      • oik plugins on SVN
      • oik plugins on GitHub
  • Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins
    • Bespoke oik plugins
  • Shortcodes
    • Shortcode examples
  • Blocks
    • Block examples
  • APIs
    • ALL action and filter hooks
  • Blog

bw_more with class parameter

Use custom CSS to style the button produced by the bw_more shortcode.

[bw_more class=bobby]
[bw_more class=moore]
 
read more

.bobby { color: #ffffff; }
 
read more

.moore { font-size: 120%; font-style: italic; padding: 5px; }
 

Notes

  • To control the styling for each instance of the button define CSS for your own class name.

Snippet

Snippet

<div class="bw_read_more" id="bw_more-3"><span class="button art-button bw_button " id="bw_more-3">read more</span><div class="bw_more" id="bw_more-3" style="display:none;"><!– bw_more_end –></div><!– bw_more_end –></div><!– bw_more_end –></div>

<script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-1" ).click( function() { jQuery("span.bw_button#bw_more-1").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-1" ).click( function() { jQuery("div.bw_more#bw_more-1").slideDown( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-2" ).click( function() { jQuery("span.bw_button#bw_more-2").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-2" ).click( function() { jQuery("div.bw_more#bw_more-2").slideDown( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-3" ).click( function() { jQuery("span.bw_button#bw_more-3").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-3" ).click( function() { jQuery("div.bw_more#bw_more-3").slideDown( ); } ); });</script>

Published: March 27, 2014 | Last updated: November 24, 2016

Information

Shortcode: bw_more – Hide remaining content behind ‘read more’ button
Letters:

Syntax

Syntax

[bw_more
read_more="read more| text - Text for read more button"
class="| CSS class - CSS class name(s)"]

Other examples

  • bw_more with user defined read more text
  • Styled bw_more read more buttons

Plugins

  • All Plugins
  • oik base plugin
  • FREE oik plugins
  • WordPress plugins
  • Premium oik plugins

Themes

  • FREE themes
  • Bespoke themes
  • Premium themes

Blocks

  • All Blocks
  • Block examples
  • About Blocks

Shortcodes

  • All Shortcodes
  • Shortcode examples
  • About Shortcodes

Reference

  • About APIs
  • All APIs
  • All Classes
  • All Files
  • All Hooks

Support

  • Contact
  • Cookies policy
  • Get API key
  • Privacy
  • Request support
  • Sitemap
  • Stay informed
  • Terms and Conditions
oik-plugins
Email: [email protected]

Weight shipping plugins

Find out which cart weight shipping plugin you need for your WooCommerce site.
Which cart weight based plugin do I need?

Site:  www.oik-plugins.com
© Copyright oik-plugins 2011-2022. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress and oik-plugins
WordPress 6.0.1. PHP: 7.4.30. Memory limit: 768M