[Resolved] Hero image and categories in WPSP

Home Forums Support [Resolved] Hero image and categories in WPSP

Home Forums Support Hero image and categories in WPSP

  • This topic has 9 replies, 4 voices, and was last updated 1 month ago by Elvin.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1771096
    Liran

    Hey,

    I was able to design something similar to this in WPSP. However, my Hero image is too small and wide on mobile. Also, how can I show the category like in the example URL?

    Any help would be greatly appreciated!

    #1771518
    Ying
    Staff
    Customer Support

    Hi Liran,

    You could try this CSS to give the hero image a specific height:

    @media (max-width: 768px) {
        .wpsp-card .wp-show-posts-image img {
            height: 300px;
        }
    }

    You should be able to activate the terms in WP Show Posts:
    https://www.screencast.com/t/MM7vzIrj2F6H

    Let me know ๐Ÿ™‚

    #1771575
    Liran

    Hey Ying,

    You could try this CSS to give the hero image a specific height:

    Thanks, that looks great!

    You should be able to activate the terms in WP Show Posts:

    Sure, but how do I move the category name to the middle of the card?

    #1771775
    Leo
    Staff
    Customer Support

    Can you link us to the page in question to see what you have so far?

    #1771798
    Liran

    Hey Leo,

    Link is in the private box.

    #1771844
    Elvin
    Staff
    Customer Support

    Hi there,

    Thanks. Please see my reply here – https://wpshowposts.com/support/topic/color-code-categories/#post-30047

    A wise man once said:
    "Have you cleared your cache?"

    #1773188
    Liran

    Thank you. Still no answer, though.

    Leo, did you manage to figure it out?

    #1773342
    Elvin
    Staff
    Customer Support

    Have you sorted this out?

    Are you pertaining to the container of the hero texts?

    If that’s it, you have this CSS that prevents the container from going past 345px.

    @media (max-width: 768px){
    .wpsp-overlap .wp-show-posts-image+.wpsp-content-wrap {
        max-width: 345px;
    }
    }

    Or perhaps I’m missing something. Can you explain a bit more?

    Let us know.

    A wise man once said:
    "Have you cleared your cache?"

    #1773349
    Liran

    All good Elvin, thank you!

    #1773364
    Elvin
    Staff
    Customer Support

    Nice one. No problem. ๐Ÿ˜€

    A wise man once said:
    "Have you cleared your cache?"

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.