[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

Using bw_css to style divs

Use the [div] and [ediv] shortcodes to create HTML divs to contain your content and style the divs using CSS written with the [bw_css] shortcode. Here we create two divs which are normally displayed side by side, taking up 50% of the available width.
[div class="w50pc"]
[ediv]
[div class="w50pc negative"]
[ediv]
 
The second div has a class of negative which is styled as below.


.negative { color: #ffffff; background: #1c1c1b; padding: 2em 0 2em 0;}
 

Published: February 20, 2014 | Last updated: February 20, 2014

Information

Shortcode: bw_css – Add internal CSS styling
Letters:

Syntax

Syntax

[bw_css
.="| any - Display the CSS"
text="| any - Display the CSS with this annotation"]

Other examples

  • bw_css to add custom gradient background, drop shadow and opacity

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: oikplug@oik-plugins.com

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-2023. All rights reserved.


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