WPSP threat

Hi there,

i just replied :)

Great. Many thanks David

You're welcome

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

Hi Jan,

I've replied in your WPSP topic.

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

Thanks,
Jan

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

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

Thats correct - we provide the responsive CSS rules here:

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

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

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 :)

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