the nevada independent logo

WordPress Content Styling

Images

Galleries

You can insert a gallery into an article using the gallery button. You can use the slider on the right to select how many columns wide the gallery should be. If the photos on your gallery have a scrollbar, it's because the caption of your photo is so long it requires a scrollbar to show in it's entirety.

Galleries will crop images to ensure they are always the same width and height.

The gallery above is 4 photos with a 2-column grid, and the gallery below is 5 photos with a 3-column grid.

If you want to show a list of photos and ensure they are all the same width, you can use multiple single-photo galleries.

Galleries can also be left or right aligned to have text wrap around the gallery.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Libero volutpat sed cras ornare arcu dui vivamus. A condimentum vitae sapien pellentesque habitant. Amet venenatis urna cursus eget nunc. In massa tempor nec feugiat nisl pretium fusce. Ut venenatis tellus in metus. Pellentesque habitant morbi tristique senectus et netus. Morbi quis commodo odio aenean. Nibh sed pulvinar proin gravida. Bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Tempor orci eu lobortis elementum nibh tellus molestie nunc non. Nisl vel pretium lectus quam id leo in vitae. Eleifend donec pretium vulputate sapien nec sagittis.

Enim tortor at auctor urna nunc id cursus metus aliquam. Enim diam vulputate ut pharetra sit amet. Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque. At in tellus integer feugiat scelerisque varius. Magnis dis parturient montes nascetur. Posuere ac ut consequat semper. Imperdiet sed euismod nisi porta lorem mollis aliquam. Hac habitasse platea dictumst quisque sagittis purus sit amet volutpat. Orci ac auctor augue mauris augue neque gravida. Pharetra magna ac placerat vestibulum lectus mauris ultrices. Id faucibus nisl tincidunt eget nullam non nisi est. Congue nisi vitae suscipit tellus mauris a diam maecenas. Sit amet facilisis magna etiam tempor orci. Gravida arcu ac tortor dignissim convallis aenean et. Facilisis leo vel fringilla est ullamcorper. Egestas diam in arcu cursus euismod quis.

Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Venenatis a condimentum vitae sapien pellentesque habitant morbi tristique senectus. Morbi tincidunt ornare massa eget egestas purus viverra accumsan in. Maecenas accumsan lacus vel facilisis volutpat est. Viverra mauris in aliquam sem fringilla ut. Ac tincidunt vitae semper quis lectus nulla. Donec adipiscing tristique risus nec feugiat in. Sagittis id consectetur purus ut faucibus pulvinar elementum. Mattis enim ut tellus elementum sagittis vitae. Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Vitae aliquet nec ullamcorper sit amet risus. Sed elementum tempus egestas sed sed. Sit amet massa vitae tortor condimentum.

Velit laoreet id donec ultrices tincidunt arcu non sodales. Eu mi bibendum neque egestas congue quisque egestas diam in. Fringilla ut morbi tincidunt augue interdum velit euismod. Nisl rhoncus mattis rhoncus urna neque viverra justo nec ultrices. Turpis massa sed elementum tempus. Mattis nunc sed blandit libero volutpat sed cras. Pulvinar elementum integer enim neque volutpat ac tincidunt. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Eget arcu dictum varius duis at consectetur lorem donec. Aliquet enim tortor at auctor urna nunc id cursus. Commodo elit at imperdiet dui accumsan sit amet. Risus in hendrerit gravida rutrum quisque non tellus orci ac. Ac turpis egestas maecenas pharetra. Et malesuada fames ac turpis egestas sed tempus. At tellus at urna condimentum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Et magnis dis parturient montes nascetur ridiculus mus. Arcu non odio euismod lacinia.

Velit laoreet id donec ultrices tincidunt arcu non sodales. Eu mi bibendum neque egestas congue quisque egestas diam in. Fringilla ut morbi tincidunt augue interdum velit euismod. Nisl rhoncus mattis rhoncus urna neque viverra justo nec ultrices. Turpis massa sed elementum tempus. Mattis nunc sed blandit libero volutpat sed cras. Pulvinar elementum integer enim neque volutpat ac tincidunt. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Eget arcu dictum varius duis at consectetur lorem donec. Aliquet enim tortor at auctor urna nunc id cursus. Commodo elit at imperdiet dui accumsan sit amet. Risus in hendrerit gravida rutrum quisque non tellus orci ac. Ac turpis egestas maecenas pharetra. Et malesuada fames ac turpis egestas sed tempus. At tellus at urna condimentum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Et magnis dis parturient montes nascetur ridiculus mus. Arcu non odio euismod lacinia.

This image (not gallery) is right aligned. It's pretty big, so I chose "25%" as the size to shrink it to a reasonable size for text wrapping.

Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Sit amet aliquam id diam maecenas ultricies mi. Semper risus in hendrerit gravida rutrum quisque non tellus orci. Nisl pretium fusce id velit ut tortor. Dignissim convallis aenean et tortor at risus. Est ultricies integer quis auctor elit sed. Dui faucibus in ornare quam viverra orci sagittis eu volutpat. Et egestas quis ipsum suspendisse ultrices gravida dictum. Sed viverra ipsum nunc aliquet bibendum enim. Volutpat odio facilisis mauris sit. Tristique risus nec feugiat in fermentum posuere. Est lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Senectus et netus et malesuada fames. Tempus iaculis urna id volutpat. Dignissim convallis aenean et tortor at risus viverra. Nec ultrices dui sapien eget mi. Pharetra diam sit amet nisl suscipit adipiscing bibendum est. Tempus egestas sed sed risus.

Ut faucibus pulvinar elementum integer enim neque volutpat ac. Tristique nulla aliquet enim tortor at auctor urna nunc. Turpis massa sed elementum tempus. In est ante in nibh mauris cursus mattis molestie. Netus et malesuada fames ac turpis egestas maecenas. Enim sed faucibus turpis in eu mi. Est lorem ipsum dolor sit amet consectetur adipiscing elit. Eget aliquet nibh praesent tristique magna sit. Sed risus pretium quam vulputate. Fames ac turpis egestas maecenas. Dictum sit amet justo donec enim diam. Accumsan tortor posuere ac ut consequat semper viverra nam. Convallis aenean et tortor at risus. Lacus sed turpis tincidunt id aliquet. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Sapien faucibus et molestie ac feugiat. Imperdiet massa tincidunt nunc pulvinar sapien.

If you find that text looks bold even though it's not set to bold, check to be sure you aren't using a Heading instead of a paragraph by mistake. This is an H4 heading.

header 1 header 2 is a bit longer header 3
tables have some default styling. this is another table cell this is another table cell
rows alternate colors for easier reading. this is another table cell this is another table cell
this is another table cell this is another table cell this is another table cell
tables can have captions.

This is the wordpress "Separator" element


And if you ever want to put an arbitrary amount of space between two wordpress blocks...

you can use a "Spacer" block in wordpress and simply type the height in pixels you want to have for space.

This is a pull quote with the default styling

This is the citation

This is another pull quote. In the "Styles" section, I changed the style to "Solid color".

I then chose the text color and main color (background or border, depending on style chosen) in the wp editor.

This is heading 2

This is heading 3

This is heading 4

correct us
ideas & story tips