Drop Shadow Boxes
Drop Shadow Boxes highlight important content on your posts, pages and widget areas. Personalise the box with drop shadow effects like raised, lifted and perspective and choose whether the box has an inside shadow, outside shadow and rounded corners. The plugin includes a widget and shortcode builder with a preview so you can test your box before adding it. The shadows will display correctly on most browsers – some older versions of Internet Explorer may not display the shadows – but they will display the box with the content so nothing will be missing on the page. See the examples of drop shadow boxes to see how the plugin performs on your browser: I’m offering this plugin free of charge. If you use it and like it please consider giving it a rating. Stay in touch by following me on facebook: Steven Henty Instructions The plugin itself doesn’t require any configuration. There isn’t a setting page. You can access the widget from the Widgets dashboard page – drag, drop and configure as you would any other widget. Look for the Drop Shadow Box block in the new block editor (Gutenberg). The shortcode builder in the classic editor allows you to add Drop Shadow Boxes to posts and pages. You can access it from the media toolbar while you’re editing the post/page by clicking on the box icon next to the upload/insert media button. Shortcode Reference If you prefer not to use the shortcode builder, or if you’d like to modify an existing drop shadow box here’s the shortcode reference guide. Example usage: [dropshadowbox]your content[/dropshadowbox] [dropshadowbox align=”left”]your content[/dropshadowbox] [dropshadowbox effect=”raised”]your content[/dropshadowbox] [dropshadowbox effect=”horizontal-curve-bottom” rounded_corners=”false”]your content[/dropshadowbox] Shortcode Attributes: align = [left/right/center/none] default: “none” width = [width plus units e.g. “250px” or “50%”] default: not set height = [width plus units e.g. “250px”] default: “auto” background_color = [colour code or name e.g. “#A8A8A8” or “blue”] default:”#ffffff” border_width = [width in pixels] default “2” border_color = [colour code or name e.g. “#A8A8A8” or “blue”] default:”#dddddd” rounded_corners = [true/false] default: “true” inside_shadow = [true/false] default: “true” outside_shadow = [true/false] default: “true” effect_shadow_color = [red/green/blue/yellow/white] default: gray (known issue: this color option will not worrk for the effect “raised”) effect = [name of the effect] default: “lifted-both” Possible values for the effect attribute: * none * lifted-left * lifted-right * lifted-both * curled * perspective-left * perspective-right * raised * vertical-curve-left * vertical-curve-both * horizontal-curve-bottom * horizontal-curve-both inline_styles = [true/false] default: “false” (only for use inside third party widgets and only works when allow_url_fopen is enabled in php.ini) padding = [width plus units e.g. “250px” or “50%”] Defines the space between the box border and the box content. e.g. 20px. Default:10px; margin = [width plus units e.g. “250px” or “50%”] Defines the space around the box. e.g. 20px. Default:not set; max_width = [width plus units e.g. “250px” or “50%”] Defines the maximum width for the box e.g. 300px min_width = [width plus units e.g. “250px” or “50%”] Defines the minimum width of the box e.g. 200px Language Versions Drop Shadow Boxes is currently available in English, Spanish (es_ES), German and Serbian. Many thanks to Fabio Vogt for the translation into German. http://www.fabiolous.de And to Ogi Djuraskovic, First Site Guide for the Serbian translation http://firstsiteguide.com The shortcode builder will automatically switch to the language configured in wp-config.php. If you’d like to contribute other languages please get in touch with me here: http://www.stevenhenty.com/contact/ You’ll find the .po file in the plugin root. I’d be happy to link to your website but requests with spammy links will be ignored. Support If you find any that needs fixing, or if you have any ideas for improvements, please get in touch: http://www.stevenhenty.com/contact/ Please also get in touch if you’re using the latest version of your browser but the shadows are not displaying.
Top keywords
- default14×2.06%
- width13×1.91%
- box12×1.76%
- shadow12×1.76%
- drop8×1.17%
- dropshadowbox8×1.17%
- content7×1.03%
- drop shadow7×1.03%
- effect7×1.03%
- shortcode7×1.03%
- true7×1.03%
- 250px6×0.88%
TablePress – Tables in WordPress made easy
Boost your website with feature-rich tables that your visitors will love! TablePress is the most popular and highest-rated WordPress table plugin. Easily create, edit, and manage beautiful and modern data tables, from simple price lists to searchable directories, product and model tables, inventories, schedules, and research datasets. Add live sorting, pagination, searching, and other interactive features that help visitors find what they’re looking for on any device. Use any type of data and enrich your tables with images, links, and even math formulas. Import and export tables from/to Excel, CSV, HTML, and JSON files or URLs, including spreadsheet data from Google Sheets, Excel Online, and files stored on Dropbox or OneDrive. Embed tables into posts, pages, or other site areas using the block editor, an Elementor widget, or Shortcodes. All with no coding knowledge needed! Even more great features for you and your site’s visitors and priority email support are available with a Premium license plan of TablePress. Go check them out! Common use cases TablePress will handle a wide range of tables, from simple price lists to searchable directories and large datasets. Popular examples include: Product and model tables Service and price lists Directories and listings Schedules and timetables Participant and member lists Inventories and collections Comparison tables Research and statistical data Accessible and SEO-friendly tables TablePress creates accessible HTML tables whose content can be searched by visitors, WordPress search, and search engines alike. Interactive features like sorting, filtering, and pagination include accessibility enhancements for screen readers and other assistive technologies. This makes it easy for visitors to find relevant information, whether they are browsing a large directory, searching a product table, or using your site’s search function. More information Visit tablepress.org for more information, take a look at example tables, or try TablePress on a free test site. For latest news, follow @TablePress on Twitter/X or subscribe to the TablePress Newsletter. How to use TablePress After installing the plugin, you can create and manage tables on the “TablePress” screen in the WordPress Dashboard. To insert a table into a post or page, add a “TablePress table” block in the block editor or a widget in the Elementor page builder and select the desired table or use Shortcodes with other page builders. Beginner-friendly step-by-step tutorials, guides, and how-tos show how to achieve common and popular tasks with TablePress. You can find examples for common styling changes via “Custom CSS” code on the TablePress FAQ page. You may also add features like sorting, pagination, searching, filtering, alternating row colors, row highlighting, and more by enabling the corresponding options on a table’s “Edit” screen. Premium features Need additional functionality for larger tables or advanced use cases? Premium license plans for TablePress add features such as: Options for responsive tables Advanced filtering and search Fixed table headers and columns Automatic periodic imports Custom styling options And much more Priority email support is also included. Check out the details on the TablePress website.