[Resolved] WPSP threat

[Jan]

Hi there,

this is to let you know about a new threat regarding WP Show Post at wordpress.org.

https://wordpress.org/support/topic/z-index-background-color-of-post-title/

Please let me know if I should rather post this request here.

Thanks,
Jan

[David]

Hi there,

i just replied 🙂

[Jan]

Great. Many thanks David

[David]

You’re welcome

[Jan]

Hi David,

may I kindly ask you to check the ticket on wp.org again for a final response regarding a follow-on question.

Thanks,
Jan

[Ying]

Hi Jan,

I’ve replied in your WPSP topic.

[Jan]

Cool. We are almost there. One more bug needs fixing. Please take a look into the topic again.

Thanks,
Jan

[Ying]

No problem 🙂

Answered! But it’s been held for moderation by WP’s automated system and will be manually reviewed by a moderator, you might not be able to see it for some time.

I’ve pasted the answer below:

1. Add this CSS:

#wpsp-8374 header.wp-show-posts-entry-header {
    position: relative;
}

2. Remove this line:
background-color: rgba(255, 255, 255, 0.46);
from this CSS:

.wp-show-posts .wp-show-posts-entry-title {
    margin-top: -120px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.46);
}

3. Remove this line:
background-color: rgba(255,255,255,0.75);
from this CSS:

#wpsp-8374 .wp-show-posts-entry-meta {
    margin-left: 10px;
    margin-top: -95px;
    background-color: rgba(255,255,255,0.75);
}

[Jan]

Yes, you are right Ying. The answer is not yet showing on wp.org.

Nevertheless less, the additional changes did fix the bug. Thanks.

As far as the tablet and mobile view I intend to…

– duplicate the CSS snippets
– add @media(max-width: 768px) / @media(min-width: 769px) and
– fine tune the respective text-size, margin-values etc.

Am I proceeding into the right direction?

Thanks,
Jan

[David]

Thats correct – we provide the responsive CSS rules here:

https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints

[Jan]

Many thanks David. That does help.

Regarding the position attribute. Is there any documentation available on your website that describes how to change the position of the logo from top left to top center?

This is the CSS currently in place for top left:

#wpsp-8374 .wp-show-posts-image.wpsp-image-center:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 75px;
    background-image: url(http://....de/wp-content/uploads/2022/05/Logo_transparent_cut.png);
    background-size: contain;
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
}

Thanks,
Jan

[David]

Hi Jan,

would you mind raising a new topic – this ones been marked as resolved, and having new topics with more appropriate titles will assist you and others finding the information in the future 🙂

[Jan]

Hi David,

sure. No problem.

I added the question here: https://wordpress.org/support/topic/z-index-background-color-of-post-title/#post-15618851

Best,
Jan

[Author]

Posts