Adeline

Hi!

I had the same problem and solved it by adding % instead of px in Styles > Layout > padding:

View post on imgur.com

Hope this helps!

Hi Yann,

Thank you for your answer!

1. The error was in both back-end and front-end. I needed to go through recovery mode to deactivate the plugin.
2. I tried to switch to the parent theme but the error still occur.

I tried something else and cleared the server cache: looks like it works now!

Hello @alexgraphicd
I managed to do this with CSS:

.wp-block-search__inside-wrapper
.wp-block-search__input {
background-color: transparent;
background-image: url(insert the URL of your search icon here!);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 40px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 0;
}

.wp-block-search__inside-wrapper
.wp-block-search__input:focus {
background-color: transparent;
border-bottom: 1px solid #000;
cursor: text;
outline: 0;
width: 200px;
}
.wp-block-search__label
.search-form
.search-submit{
display:none;
}

::placeholder {
color: black;
}

Hope this helps! ??

Hi @jordesign

I’m a little unclear on what you mean here. Could you tell me the title of the post which isn’t showing any more – and when you’d expect it to be showing?

I would like my latest post to be displayed in large and only on homepage, then all the others posts to be displayed in 2 columns:

For this I created 2 query loop blocks:

• the first one with the latest post and a CSS class “my block 1” (to be able to hide this block on the following pages)
• the second one with the columns layout + offset = 1

Before the 6.2 update, If I toggled on the “Inherit query from template” option on my second query loop, the?.paged?class appeared and I was able to hide the latest post with my css (my block 1), but this second query loop block started with the latest post too:

Now the second query look block starts with an offset post even if I checked “Inherit query from template”. That’s why I was wondering if it was due to the WP update ??

But anyway, now the posts are displayed as I wanted! ?? Thank you all for your help ??

Hello @jordesign and thank you for your help! ??

I activated the “inherit query from template” for the second query loop block and indeed, the body class changes on pages 2 and following.

I don’t know why but now when “inherit query from template” option is checked, the last post does not show up in my second query loop, whereas it appeared twice before (which seemed logical since it was 2 separate query loop blocks). I don’t know if it’s due to the WP update but in any case, it works!!! ?? Thank you so much!! ??????

Hi @zoonini – yes that’s what I see too and what I’d like to get! ??

I added a PHP code snippet to add another pagination. Thanks to that, the ?.paged?class appears on pages 2 and more, so I could hide my first query block using CSS. But the pagination doesn’t work: it’s always the same posts that appear…

Thanks for your help @mrfoxtalbot ??

I already have 2 queries, the problem is that the first one (the latest post) is displayed on all the pages, but I would like it to be displayed only on the homepage, that’s why I tried to hide it with CSS.

I would like something like this:

Just to make sure I understand, could you share a little bit of background on why you want the very first post to show only in the homepage?

I would like the most recent post to be displayed in large (I created a query loop for this post only, without pagination) and then all the other posts to be displayed in 2 columns (I created a second query loop but with pagination this time) ??

Hi @mrfoxtalbot and thank you very much for your help ??

I’m sorry but I made a mistake on my previous post: I want my block to display only on the homepage. My apologies!! ??

I tried your CSS code to see if the block would be hidden only on the homepage, but the block is hidden on the other pages too… I don’t understand why the .home class doesn’t work ??

I checked the code of the homepage to see what appears in the body tag:

<body class="home blog logged-in admin-bar no-customize-support wp-custom-logo wp-embed-responsive">

If I’m on page 2 or 3 with the pagination provided by the pagination block, the body class is still the same. I wanted to check if that’s normal, so I added a PHP code snippet to add another pagination:

<?php the_posts_pagination( array(
'prev_text' => '&larr; Page précédente',
'next_text' => 'Page suivante &rarr;',
)); ?>

With this code, when I’m on page 2 or 3, the body class changes: the ?.paged class appears!

<body class="home blog paged logged-in admin-bar no-customize-support wp-custom-logo wp-embed-responsive paged-2"">

So I tried this CSS code:

.paged .my_block_1 {
display: none;
}

And it works! The post doesn’t show on pages 2 or 3! ?? BUT… the pagination with the PHP snippet doesn’t work: it shows the same posts on the other pages ??

I also tried to toggled off the “Inherit query from template” option on my second query loop (the two-column posts) to see if the body tag changes when I’m on pages 2 or 3… And yes, the .paged class appears too!

I think I’m going mad ????

Hi @thelmachido

Unfortunately the CSS code doesn’t work :/ the block is still showing on other pages

Ah, I thought you had said the opposite, i.e. you have a block that you want to?showonly on the homepage:

Sorry, you were right, I want to show it only on homepage ??

Hi @zoonini!

Thanks for your answer! Unfortunately, the CSS doesn’t work ?? I’m trying to hide the first post in the homepage: https://elikolika.fr. This first post is a separate query loop.

@zoonini thanks for your answer, your help and your patience! ??

I’m glad the pagination error went away when you added more posts.

I did some testing, and the pagination error seems to be present under certain circumstances when using an offset in the Query Loop block. I reported it to the developers in this GitHub issue.

Thanks for reporting the problem, hope it can be fixed quickly ??

What you could do instead is add another Button block with a manual link to the front page – similar to how you added the manual “Page suivante” button on the homepage.

Ok ?? it would be interesting to have this possibility one day!

Anyway, thank you very much for your help and patience! ??

Hi @zoonini

Thanks for your answer!

I had 13 posts published when the error appeared. I added 4 other posts and it seems that there is no longer this pagination error… </img>

I want to display 9 posts on this page (https://elikolika.fr/articles/)

Here is a screenshot of my query loop block: https://snipboard.io/U8Pp0X.jpg

I would also like to know if it is possible to add the front page in the pagination?

Thank you again for your help! ??

• This reply was modified 1 year, 9 months ago by Adeline.