Skip to content

Instantly share code, notes, and snippets.

@drblue
Last active April 3, 2017 11:14
Show Gist options
  • Select an option

  • Save drblue/f12213ecc33d63ec723b6f7cdb4cba62 to your computer and use it in GitHub Desktop.

Select an option

Save drblue/f12213ecc33d63ec723b6f7cdb4cba62 to your computer and use it in GitHub Desktop.
WordPress Default Styles
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/* Images and wp-captions should always fit and be responsive */
img {
display: inline-block;
height: auto;
max-width: 100%;
}
img[class*="wp-image-"] {
margin-top: 10px;
margin-bottom: 10px;
}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 10px;
max-width: 100%;
border-radius: 4px;
padding: 0 10px;
}
.wp-caption.aligncenter {
margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
}
.wp-caption .wp-caption-text {
text-align: center;
margin-top: 10px;
}
/* WP Gallery */
.gallery {
margin-bottom: 1.5em;
}
.gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.gallery dd {
margin: 0;
}
.gallery-caption {
display: block;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/* Content */
.main-content-inner {
padding-bottom: 1.5em;
}
.hentry {
margin: 0 0 1.5em;
}
.sticky {
display: block;
}
.bypostauthor {
display: block;
}
/* Clearing */
.clear {
clear: both;
}
/* Here some needed widget styles
* Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
* Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }
/* Make sure select elements fit in widgets */
.widget select {
max-width: 100%;
}
/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
* For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children { margin-left: 1.5em; }
/**
* Some WP Theme Repository requirements
*/
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.entry-meta {
clear: both;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment