Tag Archives: featured

Marine Photo, Photographs

Post One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In suscipit vel risus nec tincidunt. Nullam at nibh sit amet risus laoreet lobortis. Quisque ornare tellus vitae nulla consectetur ultricies. Nullam nec enim sed massa volutpat tincidunt ac eu enim. Proin sed magna arcu. Morbi mattis suscipit ultrices. Maecenas sollicitudin, dolor ac placerat posuere, leo leo efficitur erat, in volutpat risus est vitae sapien.

Integer sit amet mi fermentum, pellentesque lectus in, luctus elit. Integer nunc justo, accumsan in pellentesque ut, hendrerit vel lorem. Sed consectetur dui at mi auctor interdum. Donec mattis blandit erat, condimentum bibendum nunc sodales eget. Sed ante eros, auctor non tincidunt ac, tempor ut arcu. Suspendisse fringilla vestibulum magna, ac faucibus enim viverra et. Curabitur volutpat ipsum vel eros iaculis laoreet. Nunc faucibus, felis quis venenatis pharetra, orci tellus volutpat felis, in sollicitudin tellus massa vel metus.

Field Photo, Photographs

Block: Image

Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started. Be sure to try it in RTL mode. Left should stay left and right should stay right for both reading directions.

On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. If the theme has added support for align wide, images can also be wide and full width. Be sure to test this page in RTL mode.

In addition, they also get the options of the image dimensions 25%, 50%, 75%, 100% or a set width and height.

Image Alignment 580x300

The image above happens to be centered. Continue reading Block: Image →

Bridge Photo, Photographs

Block: Button

Button blocks are not semantically buttons, but links inside a styled div. 

If you do not add a link, a link tag without an anchor will be used.

Left aligned

Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long.

A centered button with
more than
one line of text

Buttons have three styles: 

Rounded
Outline
Square

If the theme has a custom color palette, test that background color and text color settings work correctly. 

Read more about the color palettes in the handbook.

Now lets test how buttons display together with large texts.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio.

Right aligned

Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna.

Left aligned

Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.