[Support request] Color code categories

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Color code categories

Viewing 8 posts - 31 through 38 (of 38 total)
  • Author
    Posts
  • #31978
    Liran
    Participant

    It won’t appear above the title like you want it to because the only choices are “Below post” or “Below title”.

    I’m not sure why, but it does appear above the title.

    You’ll have to manually hook it

    How exactly do I do that? Through Elements?

    #32006
    elvin
    Moderator

    I’m not sure why, but it does appear above the title.

    Perhaps you already have a snippet in place.

    How exactly do I do that? Through Elements?

    It’s better to do it through a Code Snippets plugin or a child theme’s functions.php. 😀

    #32023
    Liran
    Participant

    Oh, I see what you mean.

    But now the category shows up after the title. Even when I turn off the other snippets. Any idea why?

    #32065
    elvin
    Moderator

    Ah that one is because your CSS for category colors is specific to the one you’ve hooked inside the image container.

    Example: .wp-show-posts-image > span.cat_links > span.behavior

    If you change that to only span.cat_links > span.behavior or .wp-show-posts-image > span.cat_links > span.behavior, .header.wp-show-posts-entry-header > span.cat_links > span.behavior, it will apply to that as well.

    You’ll see this pattern for the rest of the other CSS. Do this pattern of CSS selectors for the rest of the styling.

    #32097
    Liran
    Participant

    Done! 🙂

    Now, is there a way to move it to the top of the card?

    #32163
    elvin
    Moderator

    Try this CSS:

    .page-hero header.wp-show-posts-entry-header > span.cat_links {
        position: absolute;
        top: 0;
        transform: translate(-50%, -50%);
        left: 50%;
        height: fit-content;
    }
    
    .page-hero .wpsp-content-wrap {
        position:  relative;
    }
    
    .page-hero .wp-show-posts-inner {
        overflow: visible;
    }

    Result – https://share.getcloudapp.com/Kou4XmXg

    • This reply was modified 5 days, 7 hours ago by elvin.
    #32215
    Liran
    Participant

    elvin, you’re a genius!

    #32248
    elvin
    Moderator

    Have you fully sorted it out? Let us know if you need further help. 😀

Viewing 8 posts - 31 through 38 (of 38 total)
  • You must be logged in to reply to this topic.