About Wordpress code on this site

This siste uses the WordPress.com Chronicle theme.  The custom CSS is posted below

/* Any text or inactive code must be between these symbols */

a.title {
font-weight: bold;
/* Keep */
}

.widget {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
/* Keep */
}

h1.title {
text-align: left !important;
color: #b64600 !important;
font-size: 32px !important;
font-weight: bold !important;
/* Keep */
}

a:link {
/*color: #a64103 */
color: #a64103;
/* Keep */
}

a:visited {
/*color: #a64103 */
color: #a64103;
/* Keep */
}

nav.menu-primary {
background: #454443;
/* Keep */
}

.footer-top-categories {
display: none;
/* Keep */
}

.category .posttitle, .search-results .posttitle {
font-size: 1em;
/* Keep */
}

a.rsswidget {
font-size: 18px;
font-weight: normal !important;
/* Keep */
}

.main .sidebar-small {
width: 220px;
/* The following inactive code sets snmall left column height: max-height: 3800px !important;
overflow: auto;*/
/* Keep */
}

.col-sidebar.sidebar-main {
width: 313px;
/* The following inactive code sets right column height: max-height: 3800px !important;
overflow: auto;*/
/* Keep */
}

.jetpack-display-remote-posts h4 {
font-size: 17px !important;
/* Keep */
}

h3.widgettitle {
text-align: left !important;
font-size: 15px !important;
font-weight: bold !important;
/* Keep */
}

.main h2.posttitle a, .hentry .title {
font-size: 17px;
font-weight: bold;
/* Keep */
}

.widget {
font-size: 15px;
/* Keep */
}

body:not(.home) .header-image {
display: none;
/* Keep */
}

.col-sidebar.sidebar-main .alignleft {
margin: 0;
max-width: 313px;
/* Removed right padding in widget for displayed posts. Keep */
}

.widget .display-posts-listing a.title {
font-size: 1.1em;
font-weight: normal;
/* Keep */
}/*.main-content {
max-height: 3000px !important;
overflow: auto;*/
}

/* Pagination codes are below*/

.page-navigation {
/* Somehow makes it possible to see the results of archive-pagination while editing CSS */}

.archive-pagination {
font-size: 17px;
font-weight: bold;
position: relative;
top: -350px;
border: 4px solid #ddd;
}
/* In html, add the following for pagination: <strong>Continue reading…</strong><!–nextpage–>

/* END OF Custom Chronicle CSS*/

—————————————-

This site previously used the Ixion theme. Alignment, spacing, and color were personalized by adding the following CSS to the theme code.

Size and style of the”Continue Reading” link after excerpts are automatically displayed:

.more-link {
font-style: italic;
text-transform: lowercase;
font-size: 12px;
font-weight: normal;
}

Title of a post displayed using shortcode is made bold:

.display-posts-listing a:link {
font-weight: bold;
}

The shading of the header and three featured pages below it is lightened:

.header-overlay::before {
opacity: .5;
}

.featured-content .hentry .post-thumbnail {
opacity: .7;
}

Turn off automatic display of recent posts in the home page

.recent-posts-header {
display: none;
}

.recent-posts {
display: none;
}

Display blocks are aligned center:

.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto;
}

Images are automatically centered

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

The space between posts that are displayed is increased

.display-posts-listing .listing-item {
padding-bottom: 20px;
}

The color and size of the fonts in the titles of the footer widgest are changed

.home h2.widget-title {.home h2.widget-title { text-align: left; color: #b64600; font-size: 18px; font-weight: bold !important;}

The padding space between widgets in the sidebar is removed

.widget { margin-bottom: 0;}
.widget { padding-bottom: 0; border-bottom: 0x; margin-bottom: 0;}

Shortcodes

I use WordPress.com shortcodes to create pages displaying posts and or pages with specific categories, tags, or parent pages. For additional shortcodes, go to support.wordpress.com/shortcodes/

Display specific pages:  In the example below I use xxxxx, yyyyy, and zzzzz in place of actual page numbers. The  page or post number can be found in the URL line when editing the page or post. Specify whether you want to display a “page” or a “post.” Post is default. The featured image is set to fill the width of the display.

Display child pages of the current page: You can make any page a child of another page when editing that page.  In the instruction below, the parent is the “current” page, the order descends, I display 10 child pages, display an excerpt, and display the featured image as medium, automatically on the left.

Display excerpts of any posts or pages with specific tags or categories. In the example below, I am displaying any post tagged XXX, limiting to 40 posts. The page will display excerpts and featured images for each post.

Excerpts

WordPress automatically displays truncated excerpts starting from the beginning of a page or post. Using the new editor, you can create a better excerpt by clicking on More Options. I limit mine to about 40 words so that they do not wrap around the medium size featured image.

Leave a Comment

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.