Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

7.1 card style blog layout


Recommended Posts

  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

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

 

Edited by derricksrandomviews
Link to comment
  • 5 months later...
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.

Screen Shot 2020-08-10 at 12.38.59 pm.png

did you manage to get an answer to this?

Link to comment
  • 2 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
  • 3 weeks later...
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;
}}

image.thumb.png.d29b98a7a9e3630b9aa5399713c9a040.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...