Site logo

Archived topic

Irregular thumbnails in category page

22 replies · Started by Coen on May 4, 2020

Viewing posts 16–23 of 23

But.....

What have Header pages to do with the titles under the post images in this case?

Okay... Tom,

When I recreate the Header in the new elements system, I see the titles re-appear under the images!!!!

Yeeeeahaahahhh!

Now I have to find how I can make them look the same as before.. and Recreate over a hundred elements.... :-(

I'm assuming the Page Header choice on the edit Category page will automatically disappear when I finalise the Page header conversions and de-activate Page Headers from the GP menu?

I am working on this category now as a test and I want to get the Page Header Title to sit lower and have a shadow, like I have on all the other pages and blog header titles (see code below), but they are disappearing with the new element stuff?

Can you help me find the right selector again? So I can adjust the CSS correctly?

This is what I have in the CSS now to address the old header titles:

.page-header-content-container {
	padding-top: 32%;
	padding-bottom: 0%;
	text-shadow: 3px 3px 5px black;

When I look on the newly created element on the page, and I select that element with the Inspect tool. I get this:

<div class="inside-page-hero grid-container grid-parent">
<h1>Books</h1>
</div>

So what do I do to select the CSS for that particular H1?

Maybe we can avoid having to rebuild all of those.

What happens if you add this?:

add_action( 'wp', function() {
    if ( ! is_singular() ) {
        add_filter( 'generate_show_title', '__return_true' );
    }
}, 100 );

Let me know :)

Hey Tom,

When I add that code to the CSS, then I get the Excerpt under the images on the archive / category pages...

Which I don't want.. I just want the titels

And this is strange, because I already have something in the CSS that takes away the Excerpt... but with your code they somehow come back anyway.

/* =Hiding excerpt under images
------------------------------------------------------- */

.entry-summary {
    display: none;
}

Any clues?

Oooopss, it was meant as PHP... —> OKAY! I have activated it as a snippet...

And it works!!! Marvelous!

Mystery SOLVED!

Thank you my saviour..

Can I leave it like this, or will the Page Header functionality disappear at one point in time?

You can leave it :)

This archived topic is closed to new replies.