Okay
  Public Ticket #1692436
Post blog size (height)
Closed

Comments

  •  1
    studioalbert started the conversation
    August 28, 2018 at 5:21pm

    How can i have control on the height of my preview blog posts ? 

    is it only depending of the title and content ?


    Best regards

    Sebastien

  •  8,999
    Tahir replied
    August 28, 2018 at 5:35pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .blog-recent[data-style*="classic_enhanced"] .inner-wrap {
    max-height: 650px;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    studioalbert replied
    August 29, 2018 at 7:43am

    Hi, that trick is great, becaus in the explorer it works perfectly fine but it doesn't works in the Customs CSS Field of my theme.

    Bonus question , what are the classes to control image size, title text size, preview text size ?

    Thanks a lot, bests

    Sebastien

  •  8,999
    Tahir replied
    August 29, 2018 at 10:50am

    Hey Again,

    Seems to be working alright on my end : http://prntscr.com/ko6wlv ?. 

    Best

    ThemeNectar Support Team 

  •  1
    studioalbert replied
    August 29, 2018 at 4:18pm

    Hi,

    Yes, I needed to purge cache to see the changes.

    I still have kind of issue if I have 2 rows of posts + text alignement

    Below is the full CSS additive

    body .blog-recent[data-style*="classic_enhanced"] .article-content-wrap span.meta {
    display:none !important;
}
.blog-recent[data-style*="classic_enhanced"] .inner-wrap {
    max-height: 75%;
    font-size: 85%;
}
div .blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
  padding: 10% !important;
}

    + URL : https://www.demo.clubpresse.com/accueil-test/

    Thanks for your helps.

    Sebastien

  •  8,999
    Tahir replied
    August 29, 2018 at 5:33pm

    Hey Again,

    Instead of adjusting the inner wrap limit the title height to make it consistent.

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .blog-recent[data-style*="classic_enhanced"] h3.title {
    max-height: 150px !important;
    overflow: hidden;
}

    Thanks


    ThemeNectar Support Team