Support Forum

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Trying to customize a post style Reply To: Trying to customize a post style

#8817
Carlo
Participant

Hi Tom,
Sorry for the delay, worked out why the CSS changes were having no effect (although i found they were originally working in mobile view fine),
it was/is some previous CSS i had that i am using to style a element header, if i take that out the WP show posts CSS takes effect (also if i make the wp show posts CSS before the element header CSS it works).
here is both codes. as it is below, the wp show posts code doesnt work, but if i put it first it works (is there any obvious conflicting code here which i cant see?

Also got 2 more questions:
1: what CSS can i use to make both the post title and post entry line-height smaller (its a little too spread out at the moment).
2: if i want this CSS to take effect on other wp show posts pages i make, how do i incorporate each wp show post id and combine them into this CSS?
thanks heaps Tom

/* Element Header – Author, Date, Category Font Size CSS Change */
.hero-meta {
font-size: 15px;
}

/* Author,publish,category make spacing and responsive on mobile */
@media (min-width: 769px) {
.author-meta, .publishdate-meta, .category-meta{
display: inline-block;
}
.publishdate-meta {
padding-right: 15px;
}
.author-meta {
padding-right: 15px;
}
}
@media (max-width: 768px) {
.author-meta,
.publishdate-meta, .category-meta {
display: block;
}

/*WP Show Posts CSS*/
#wpsp-2687 p.wp-show-posts-entry-title {
font-weight: bold;
font-size: 22px;
}

#wpsp-2687 .wp-show-posts-entry-summary {
font-size: 16px;
}

#wpsp-2687 .wp-show-posts-inner {
box-shadow: 0 4px 8px 0 rgba(38,153,251,.2);
border: 1px solid #dfdfdf;
}