Skip to content

Instantly share code, notes, and snippets.

@jessestu

jessestu/custom-css.css

Last active August 23, 2018 15:29
Show Gist options
  • Save jessestu/7b6681bc5a69e47c7b94d8d2136760dc to your computer and use it in GitHub Desktop.
Save jessestu/7b6681bc5a69e47c7b94d8d2136760dc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
custom-css.css
/* Designs the Display Posts plugin. See original code:
https://gist.github.com/7b6681bc5a69e47c7b94d8d2136760dc
@jessestu 4840780-hc */
.display-posts-design {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.display-posts-design > div {
padding: 5px;
}
/* Hides the title, still screen-reader friendly. */
.display-posts-listing .title {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
Raw
display-posts.htm
<div class="display-posts-design">
[display-posts category="inspiration-ideas" posts_per_page="3" image_size="thumbnail" wrapper="div"]
[display-posts category="on-trend" posts_per_page="3" image_size="thumbnail" wrapper="div"]
[display-posts category="tips-tricks" posts_per_page="3" image_size="thumbnail" wrapper="div"]
[display-posts category="good-eats" posts_per_page="3" image_size="thumbnail" wrapper="div"]
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment