kasin78

Hi ying,

The site is still private, so I’m sharing a screenshot below of the concerned section from the browser Inspector.

I think I need “tablet-grid-33” in 3 of those lines, instead of “tablet-grid-50″… I just don’t know how exactly to set it.

EDIT: Not sure if you’ll be able to zoom-in the image, so here’s the link of the image.

• This reply was modified 1 year, 7 months ago by kasin78.

@judith0 I saw the video you shared above. You have the MIDDLE setting selected for the icon style, which works fine if there are just a few words in the list item label. However, if it’s a long sentence that wraps over to the next line, the MIDDLE icon setting displays the icon vertically centered along the entire chunk of text for that item label.

I selected the TOP align icon style for such a list, but this setting displays the icon about 5px above the label. I tested some CSS variations using the “Inspect” option in Firefox… got it to work for the specific browser session, but unable to replicate it on a fresh load of the page.

The site is still private. So I am adding the code below…

.wp-block-uagb-icon-list.uagb-block-89faf225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {
padding: 0px;
border-radius: 0px;
border-width: 0px;
align-self: flex-start;
}

It says “inline:1” against this code.

In this, if I simply uncheck the “padding: 0px;” line, or add a “padding-top:5px;”, the entire list block realigns the icons perfectly with the center of the first line of the labels. But I can’t get it to change permanently.

I am using Code Snippets plugin to add my custom CSS, so I added this code to it:

.wp-block-uagb-icon-list.uagb-block-89faf225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {padding-top: 5px;}

But this line gets added at “inline:59”, and is automatically striked-out in the Inspector on a fresh load of the page.

What am I doing wrong here?

Okay I tried the code from this link – https://wordpress.stackexchange.com/questions/251939/why-are-posts-from-custom-post-type-not-displayed-in-category-archive

Now the Category archives show up for my CPT!

??

Thank you for nudging me in the right direction. All this while, I was under the impression that we cannot use default Category with CPTs!

Many regards,
Kads

Hello again @diggeddy,

I tried to use the WP default Category again with this CPT (Resources). Here’s what happens:

The Category names now show up fine on the Resources archive page and single CPTs, with the generate_header_entry_meta and generate_footer_meta codes.

But no posts show up on the Category archive pages.
Example:
1) Resources archive – https://www.lifepluspoint.com/resources/ (WORKS FINE)
2) Category archive – https://www.lifepluspoint.com/rrr/ (NO POSTS SHOW)

So, is there some setting or code to manually enable the Category archive for CPTs? (I won’t need the custom taxonomy if this archive can work.)

Regards,
Kads

Thanks David, really appreciate your continued support on this.

I couldn’t really understand where to enter the taxonomy slug and where its name, in the above code.

This is what I have added:

add_action( 'generate_post_meta_items', function( $item ) {
    if ( 'topic' === $item ) {
        echo 'Topics';
    }
} );

add_filter( 'generate_header_entry_meta_items', function() {
    $items[] = 'topic';

    return $items;
} );

It is simply showing the word ‘Topics’ now below the Post Titles, on both the CPT archive and single CPT, without the CSS I have given to show the Category.

How do I get it to show the value of the taxonomy for each CPT post? And how do I apply the same CSS on the term?

It wouldn’t show any posts in this CPT archive when I used the default Category with this CPT. I thought maybe we aren’t allowed to use the same taxonomy on two different post types. So I created a custom taxonomy, called Topics (slug=topic). It is associated with CPT Resources in the CPT UI plugin.

[I’m new on WordPress… just learning along the way!]

Hey David,

I removed the slug rewrites. So all custom post types and taxonomy pages are back to default slugs.

CPT slug = resources
tax slug = topic

I used the original code with plural ‘resources’ in the snippet. Still doesnt work. ??

If it’s any help, the following code was given to me here to display the Category meta on the Blog archive page & the single posts…

add_filter( 'generate_header_entry_meta_items', function() {
    return array(
        'categories',
    );
} );

add_filter( 'generate_footer_entry_meta_items', function( $items ) {
    return array(
        
    );
} );

What other information can I provide that might help?

Thanks and regards,
Kads

Nope. That didnt work either. Not on the CPT archive page, not on the single CPT page.

You think it might be creating a conflict coz of the slug rewrite?

Ok let me remove the slug rewrite completely and try again with default settings. BRB.

Hello again @diggeddy,

Thanks for your prompt reply!

I got the post navigation to work for both the CPTs, but I’m having trouble with showing the custom taxonomy term below the Post Title on my CPT archive page and single CPT.

This is the code snippet I added:

add_filter( 'generate_entry_meta_post_types', function( $types ) {
    $types[] = 'resources';

    return $types;
} );

My custom taxonomy slug is ‘topic‘.
CPT archive URL is ‘https://www.lifepluspoint.com/resources/‘.
Single CPT URL is of the form ‘https://www.lifepluspoint.com/resource/[post-slug/]‘.

What am I doing wrong?
??

• This reply was modified 3 years, 7 months ago by kasin78.

Hello again @nrqsnchz!

I decided to try this with a fresh install. No change though! ??

In default WP block editor, I do see the up and down arrows on the left, and the drag handle in-between them. My mouse-pointer changes to the open hand icon on the drag handle. But when I click and hold it down, it doesn’t drag. Only the mouse pointer (back in its default arrow mode) moves.

With the Gutenberg plugin installed, I don’t get the drag handle, but the mouse pointer changes into the open hand icon by hovering over the block icon next to the up/down arrows. Still can’t drag though.

The up/down arrows work fine, although only within the parent container of the block. I can’t move a block out, into a different container. I’m assuming this is normal behavior for the arrows.

Hi @nrqsnchz!

Apologize for the delay in response. I finally did check out the More Tools & Options Menu. Funny, I hadn’t noticed it before you mentioned.

Unfortunately, the toolbar is not set to top. It “floats” (if that’s the word to describe it) just above the block I am working with. Doesn’t stick to the top of the editor, like it did when I changed the settings.

However, even with the floating toolbar, I don’t get the option to drag and drop. I am currently using this workaround:

1. copy the block I want to move
2. paste it where I want it moved to
3. remove the original instance of the block

??

Hope this gets resolved soon. Drag and drop sure would make life easier!

Thanks for your help!
Regards,
Kads

Cool, thanks! ??

Oh wow! That works beautifully! Can’t differentiate at all from the Category archive pages! ?? ?? ??

Thanks a ton @edge22!

One more quick question…

Right now, I only have two Case Studies, but when I put in more, will this Archive page automatically show the ‘previous-next’ navigation at the bottom (like in Category pages)?

Oh! Well, thanks anyway @leohsiang ??

@diggeddy
Hello again David,

Thanks for the tip off about your GenerateBlocks plugin. It is super easy to work with, as well as lightweight and clean, just like the GeneratePress theme!

Do you guys have any more plugins to expand on the range of blocks available? Would love to try them if any.

Thanks once again!