[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_css to add custom gradient background, drop shadow and opacity

Here we demonstrate the bw_css shortcode to style the <code> tag.

code {
-moz-box-shadow: 0px 0px 17px #000000;
box-shadow: 0px 0px 17px #000000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7edbf', endColorstr = '#58351a');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7edbf', endColorstr = '#58351a')";
background-image: -moz-linear-gradient(top, #f7edbf, #58351a);
background-image: -ms-linear-gradient(top, #f7edbf, #58351a);
background-image: linear-gradient(top, #f7edbf, #58351a);
opacity: 0.75;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
filter: alpha(opacity = 75); }
 
Note that CSS this affects ALL code tags on the page, including those in the sidebar.

Published: April 4, 2014 | Last updated: April 4, 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

  • Using bw_css to style divs

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