Individual Blog Page

Description

Individual Blog Posts are the pages where the full blog post can be viewed or read.

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.BlogItem-title {
}

</style>
 

Custom CSS

7.1

To target the post title

/* title */
.entry-title {
}

To target the date

/* date */
.blog-meta-item--date span {
}

To target the content

/* content */
.blog-item-content {
}

To target the meta data

/* meta data */
.blog-meta-item {
}

To target the author

/* written by text */
.blog-meta-item--author {
}

/* author name */
.blog-meta-item--author a {
}

To target the categories

/* categories */
.blog-meta-item--categories {
}

To target the tags

/* tags */
.blog-meta-item--tags {
}

To target the author bio

/* author bio */
.blog-author {
}

/* author bio image */
.author-avatar-image {
}

/* author bio name */
.author-name {
}

/* author bio details */
.author-bio {
}

To target the pagination

/* pagination */
.item-pagination[data-collection-type^="blog"] {
}

/* pagination titles */
.item-pagination-title {
}

/* pagination arrows */
.item-pagination[data-collection-type^="blog"] .item-pagination-icon svg {
}

7.0 Brine Template

To target the title

/* title */
.BlogItem-title {
}

To target the author

/* author */
.Blog-meta-item--author {
}

To target the date

/* date */
.Blog-meta-item--date {
}

To target the share buttons

/* share buttons */
.share-buttons-item-icon {
}

To target the like button

/* like button */
.sqs-simple-like {
}

To target the pagination

/* previous/next article */
.BlogItem-pagination-link-label {
}

/* previous/next title */
.BlogItem-pagination-link-title {
}
7.0, 7.1Cristina TiosecoBlog