Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 21, 2020 at 8:18 pm #1205948
    designyvr

    Hi,

    The blog post (see below) shows the small preview pic centered over the blog title. Is it possible to position the small preview pic so that it is to the left of the title? I’ve attached images below to show what I mean.

    Thank you for your help!

    April 22, 2020 at 7:04 pm #1206328
    Victoria

    Hey designyvr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.home .fullsize .template-blog .blog-meta {
    float: left;
    margin-right: 20px;
}
.html_modern-blog #top.home .post-entry .blog-categories {
    margin-left: 100px;
    display: inline-block;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 22, 2020 at 11:33 pm #1206395
    designyvr

    That is wonderful! Thank you so much for your help, Victoria!! :)

    April 23, 2020 at 7:32 pm #1206623
    Victoria

    Hi designyvr,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 26, 2020 at 9:39 pm #1207360
    designyvr

    Hi again Victoria,

    Thank you again for your help!
    I have a couple more questions about this same thread.

    Is it possible to make the small preview pic bigger, to 150 x 150px?

    Currently the small preview pic is floating to the left of the blog title; is it possible to have it float to the left of the excerpt instead? I’ve attached screenshots to show what I mean.

    Thank you!

    April 28, 2020 at 4:52 pm #1207853
    Victoria

    Hi designyvr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .fullsize .template-blog .blog-meta {
  width: 150px;
}
#top .fullsize .template-blog .blog-meta a {
  width: 150px;
  height: 150px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 28, 2020 at 7:54 pm #1207950
    designyvr

    Thank you for your advice Victoria!!

    I added the CSS and adjusted it to 180 x 180px to make it slightly larger.

    In the Blog Posts element, I also adjusted the “custom preview image size” to 180 x 180px.

    However, the image appears with a rectangular format rather than a square, and has a gray gap at the bottom. Is there a way to have the image fill the 180×180 square completely?

    Thank you for your help!

    April 29, 2020 at 7:39 pm #1208288
    Victoria

    Hi designyvr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .fullsize .template-blog .blog-meta a,
 #top .fullsize .template-blog .blog-meta a img {
  width: 180px;
  height: 180px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 30, 2020 at 9:20 pm #1208643
    designyvr

    Hi Victoria,

    Thank you for your advice and for taking the time to create that screenshot!

    I tried your CSS and made some adjustments to create the square image, it’s looking good.

    One question, there is a gap between the blog title / category name and the start of the text excerpt wrapping around the image. Is it possible to reduce the space in that gap as shown in the screenshots below?

    Thank you, I think we’re all set after this!

    April 30, 2020 at 10:28 pm #1208663
    Jordan Shannon

    Hi,

    Add this to quick css:

    article .entry-content-wrapper .entry-content{
margin-top:-30px!important;
}

    Best regards,
    Jordan Shannon

    April 30, 2020 at 10:40 pm #1208669
    designyvr

    Jordan and Victoria, That works great.
    Thank you so much for the excellent support that you provide, as always!

    April 30, 2020 at 10:41 pm #1208670
    Jordan Shannon

    Hi,

    I’m glad this was resolved! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Blog Post – Small preview pic’ is closed to new replies.