Using the "Your latest posts" theme format with display-posts shortcode

  • Author
    Posts
  • #138653

    andyburu
    Member

    Hey,
    First off thank you for an amazing and beautiful theme!

    Is it possible to use the formatting for “Your latest posts” on the dynamic homepage with the display-posts shortcode? That would make display-posts more beautiful. My guess is probably not fully because display-posts does not show the post-type but maybe it can use the same display as the standard post with the slightly overlapped excerpt.

    Thank you!

    #138692

    binarymoon
    Theme Author

    Hi there – thanks for the message.

    I’m afraid the layout for the display-posts shortcode can’t be changed in any significant way. The layout require specific html formatting and that’s not something the shortcode supports.

    Using some custom css we could change some basic elements, such as font size and colour, or element spacing, but nothing drastic I’m afraid.

    #138731

    andyburu
    Member

    I gave it a try:

    /*
    Style the shortcode display-posts like the theme
    */
    /* This is bugged!
    div.listing-item .image::before {
        content: "";
        display: block;
    		position: absolute;
        top: .5em;
        right: .5em;
        left: .5em;
        bottom: .5em;
        border: 1px solid grey;
        z-index: 5;
    }*/
    
    div.listing-item a.image:hover {
    	opacity: .9;
    	display: block;
    	position: relative;
    }
    
    div.listing-item img {
    	height: 600px;
    	width: 800px;
    	object-fit: cover;
    }
    
    .display-posts-listing .title {
    	background: #f2f2f2;
    	display: inline-block;
    	position: relative;
    	width: 90%;
    	padding: 20px;
    	top: -100px;
    	margin-left: 25px;
    	font-size: 27.625px;
    	font-weight: 400;
    	font-style: normal;
    	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", sans-serif;
    	color: #000;
    }
    
    .display-posts-listing .excerpt {
    	display: inline-block;
    	position: relative;
    	top: -100px;
    	width: 90%;
    	padding: 20px;
    	margin-left: 25px;
    	padding-top: 0;
    }
    
    .display-posts-listing .excerpt-dash {
    	display: none;
    }
    #138750

    binarymoon
    Theme Author

    Looks nice! :)

    Are you ok with it like this or do you want anything changed?

The topic ‘Using the "Your latest posts" theme format with display-posts shortcode’ is closed to new replies.