7.1 card style blog layout

Site URL: https://fleapitofficial.com/

Hi,

Was just wondering if anyone knows of a plugin or css where i can change my blog list page to look like individual cards. Id like it to have the style of the 7.0 Tudor template but would like to keep it in 7.1. I have a side by side blog layout and would like it to have the 3D style as pictured just in 7.1 instead of 7.0. 

Thanks.

Can you share access password?

Use a summary blog on a page and put your blog in the unlinked section of your site. You can layout a blog summary block as card, grid, carousel and list makes it look like 7.0 and the blog page you are posting is looks very much like a summary block. I use this feature as well: I use the wall layout, bit more uneven space between posts than the grid layout, but I like that. 

https://myrandomviews.com/storysummary

On 8/10/2020 at 3:42 AM, willlawler said:

Site URL: https://fleapitofficial.com/

Hi,

Was just wondering if anyone knows of a plugin or css where i can change my blog list page to look like individual cards. Id like it to have the style of the 7.0 Tudor template but would like to keep it in 7.1. I have a side by side blog layout and would like it to have the 3D style as pictured just in 7.1 instead of 7.0. 

Thanks.

did you manage to get an answer to this?

On 2/2/2021 at 5:18 AM, nathanlmcguire said:

did you manage to get an answer to this?

Can you share site url? We can help easier

On 2/6/2021 at 11:39 PM, tuanphan said:

Can you share site url? We can help easier

www.nathanlmcguire.com

Thanks in advance for your help

On 2/19/2021 at 11:21 PM, nathanlmcguire said:

www.nathanlmcguire.com

Thanks in advance for your help

Hi. Can you turn off "right click disabled"? We can check code easier

On 2/21/2021 at 9:37 AM, tuanphan said:

Hi. Can you turn off "right click disabled"? We can check code easier

turned off :) 

On 3/2/2021 at 4:25 AM, nathanlmcguire said:

turned off :) 

You mean posts on this page? https://www.nathanlmcguire.com/blogs

On 3/5/2021 at 1:16 PM, tuanphan said:

You mean posts on this page? https://www.nathanlmcguire.com/blogs

Yeah, is it possible?

On 3/20/2021 at 11:22 PM, nathanlmcguire said:

Yeah, is it possible?

Complex to do the same.

You can use this CSS, make similar

/* Blog page */
body#collection-600f59ea9a32f45a78356fc3 {
.summary-item {
    background-color: #f1f2f3;
}
.summary-item * {
    text-align: center !important;
}
.summary-content.sqs-gallery-meta-container {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}
.summary-metadata.summary-metadata--primary time {
    position: absolute;
    top: -65px;
    left: 50%;
    width: 70px;
    transform: translateX(-50%);
    background: black;
    display: inline-block !important;
    height: 70px;
    color: white;
    border-radius: 50%;
    line-height: 70px;
    font-size: 10px;
}}