WPSP > WPSP PRO CSS – WP Show Posts

Tagged: css

This topic has 4 replies, 2 voices, and was last updated 2 years, 6 months ago by elvin.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 14, 2021 at 7:43 am #28000
Jon
Participant
Hi WPSP

Since upgrading to WPSP Pro, the CSS used to format certain elements has disappeared, can you please advise on the required CSS, also I recently saw a post mentioning a Overhaul for WPSP Pro, can you share any of the new features?
```
/*WP Show Posts Inner*/

.wp-show-posts-inner {
	position: relative;
}

.wp-show-posts-entry-header {
	position: absolute;
	bottom: 5px;
	padding: 10px;
	background: #b91372;
	left: 15px;
	border-radius: 8px;
}

.wp-show-posts-image.wpsp-image-center {
	margin-bottom: 0;
}

.wp-show-posts-entry-title a {
	color: #fff;
}
```
Regards

Jon
March 14, 2021 at 8:00 pm #28029

elvin
Moderator

Hi there,

I think the “overhaul” you’re pertaining to was the plan to make WPSP into a Block for use of Gutenberg editor. That’s not coming any time soon.

The new features are announced as they’re released. You’ll find the changelogs here:
https://wpshowposts.com/category/development/

As for the specific issue related to certain elements:

I’m not exactly sure what you mean. The only change in elements would be coming from if you’ve used different card styles found here:
https://demos.wpshowposts.com/cards/

March 22, 2021 at 5:25 am #28327

Jon
Participant

Hi Elvin

I’ve not used any Card Styles, so the above CSS, was used to style the Post Inners with the non-pro version (Link caused this: ERROR: Your reply cannot be created at this time.) once I upgraded to the pro version the Post Inner styles disappeared, I did notice in another browser there was a flash of content, so I applied a z-index 1, which cleaned up the issues, so while the z-index has worked, is this correct that moving from free to pro requires additional CSS?

/*WP Show Posts Inner*/

.wp-show-posts-inner {
position: relative;
}

.wp-show-posts-entry-header {
position: absolute;
bottom: 5px;
padding: 10px;
background: #b91372;
left: 15px;
border-radius: 8px;
z-index: 1;
}

.wp-show-posts-image.wpsp-image-center {
margin-bottom: 0;
}

.wp-show-posts-entry-title a {
color: #fff;
}
Jon

March 22, 2021 at 5:33 am #28329

Jon
Participant

I originally used a link to some screengrabs, that better illustrated the problem, however when i tried to submit the post I would get this message ERROR: Your reply cannot be created at this time. removing the link, has now allowed me to update this thread.

Jon

March 22, 2021 at 5:22 pm #28369

elvin
Moderator

Apologies for the technical issues w/ the forums.

That’s quite strange.

Any WPSP shouldn’t interfere with custom CSS as they’re completely separated from each other.

Can you tell us how you’ve added the CSS? Can you link us to the page in question?

You can send us the link through our contact page:
https://wpshowposts.com/contact/
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

[Support request] WPSP > WPSP PRO CSS