Styling bw_image images with bw_css

Use the bw_images shortcode to display selected images, and the bw_css shortcode to style them

It’s a hard life

Is it tea time yet



[bw_images id=8262,8261 class="w50pc styled"]



div.styled { position: relative; margin: 0 auto 0; text-align: center; }

div.styled span.title { display: block; position: relative; bottom: -5px; color: #575756; background: #c2c2c2;

margin: 0 20% 0 20%; opacity: 0.8; box-shadow: 4px 4px 3px #1c1c1b;}

Unstyled

It’s a hard life

Is it tea time yet

[bw_css], oik-css

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

Syntax

[bw_images
numberposts="5| numeric - number to return"
offset="0| numeric - offset from which to start"
category="| category ID - numeric ID of the post category"
category_name="| category-slug - category slugs (comma separated)"
customcategoryname="| category-slug - custom category slug"
orderby="date| ID| title| parent| rand| menu_order - Sort sequence"
order="DESC| ASC - Sort order."
include="| id1,id2 - IDs to include"
exclude="| id1,id2 - IDs to exclude"
meta_key="| meta key - post metadata key"
meta_value="| meta value - post metadata value"
post_type="attachment| post type - Post type to display"
post_mime_type="image| post mime types - Image type"
post_parent="| ID - Parent ID to use if not current post"
post_status="| publish| inherit| pending| draft| auto-draft| future| private| trash| any - Post status"
id="| id1,id2 - IDs of posts to display"
posts_per_page="| numeric| . - Number of posts per page. Use '.' for current value 15"
thumbnail="full| thumbnail| medium| large| nnn| wxh - image size"
link="| 0| id,p - link to"
captions="n| y - Display attachment's Caption and Description"
class="| class names - CSS class names"]

Unstyled

Related

Share this:

Plugins

Themes

Blocks

Shortcodes

Reference

Support