Support Forum

thankyou Tom, that was it. made the class a single word (for simplicity) and updated the css name and its all working now.
just want to say your support (in here and in generatepress) is top notch, hence why it’s a no brainer for me to support and use both pro versions.

thanks

seems i’m doing something wrong? when im trying to use a custom class name, it isnt having any effect.
this is what i’ve done below,

Inside WP Show Posts settings: Section HTML Classes – global style class

Inside Simple CSS:
/*WP Show Posts CSS*/
.global-style-class p.wp-show-posts-entry-title {
font-weight: bold;
font-size: 22px;
line-height: 1em;
}

.global-style-class .wp-show-posts-entry-summary {
font-size: 16px;
line-height: 1.3em;
}

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

Ahh, yes i did miss the } bracket, added that in and that part is working now.
line height code works perfectly too.

*Is it possible when we add the padding that it only adds the padding to the content (words) and not the images, so the image stays the full width of the content box?

*Also, is there a more central way to add the individual Post ID’s for the CSS to take effect, for example could i group all my wp show post ID’s inside of a php snippet and give them a group name and use that one name for the CSS?
this is only because i currently have about 9 different WP show post lists, so to style each page, i would be adding 9 ID’s x 3 (entry title, summary, inner(shadow) ).
I still can do it the regular way, just seeing if there is a cleaner way for the CSS code?

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;
}

hi Tom,
I added that in via Simple CSS but none of it is making any changes and im not sure why?
any ideas?