[Support request] How to show category and post date like this?

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support How to show category and post date like this?

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #19052
    Sara
    Participant

    Hello,

    I would like to show category and postdate on post listings with wpshowposts to show as on this website: https://todateen.uol.com.br/ so it shows:

    Feature Image
    Category / Post Date
    Title

    And showing Category as on same style as is showing on hero slider with ping background and white font color and post date make it black font color.

    How I can achieve this?

    Thanks!,

    Sara

    • This topic was modified 3 weeks ago by Sara.
    #19089
    Tom
    Keymaster

    Hi there,

    I would set it up like this:

    Images: Above title
    Meta: Date turned on, below title. Author turned on, below title.
    Content: No content
    More Settings: Give your list a custom class: my-styled-list

    Then add this CSS:

    .my-styled-list .wp-show-posts-entry-header {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .my-styled-list .wp-show-posts-posted-on {
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .my-styled-list .wp-show-posts-separator {
        font-size: 0;
    }
    
    .my-styled-list .wp-show-posts-separator:after {
        content: "/";
        font-size: 15px;
    }
    #19367
    Sara
    Participant

    Hello Tom,

    I just tried to follow your steps but, on last step on “More Settings” I dont have textbox to place class on top like it shows in documentation: https://docs.wpshowposts.com/article/more-settings-overview/ My more setttings page starts with Author ID text box, how I can enable class textbox?

    Thanks,

    Sara

    #19384
    Tom
    Keymaster

    Can you try updating to the latest beta pro version?: https://wpshowposts.com/wpsp-pro-1-0/

    #19917
    Sara
    Participant

    Hello Tom,

    With update it seems to show textbox to add css class on more settings but, problem still remains it shows nothing on listing on Cabello as you can see on homepage on first section I am listing just after hero slider.

    I had click on “inspect element” on browser and I commented on this css property that I show bellow the “display:flex” and it seems to show, could be this the problem?

    `”.wp-show-posts-columns:not(.wp-show-posts-masonry) {
    display: flex;

    Please let me know so, I can finish website.

    Thanks again Tom

    #20034
    Tom
    Keymaster

    I think it’s this:

    h4.mvp-widget-home-title {
        float: left;
        margin-bottom: 20px;
        position: relative;
        text-align: center;
        width: 100%;
    }

    Try removing the float: left;

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