Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 15, 2016 at 4:53 am #598138
    navindesigns

    On my mockup “FROM THE BLOG” section, I would like to pull the latest blog entry with the thumbnail image on the left and headline/summary copy on the right. Can you please help me achieve that layout?

    Here is what I need the final homepage to look like
    http://s7.postimg.org/o4ky2tzbv/finalhomepage.jpg

    Here is what I currently have:
    http://1c5.964.myftpupload.com/

    March 16, 2016 at 3:40 am #598737
    navindesigns

    any update on this?

    March 17, 2016 at 3:42 am #599380
    navindesigns

    hi,

    please let me know if you will be able to help with this change?

    thanks

    March 17, 2016 at 5:05 pm #599746
    Yigit

    Hi!

    Sorry for the late reply!
    Could you please firstly edit your blog posts and upload featured images? Then add following code to Quick CSS in Enfold theme options under General Styling tab

    .home a.slide-image, .home .slide-content {
    float: left;
    width: 47%;
}

    Regards,
    Yigit

    March 17, 2016 at 5:23 pm #599782
    navindesigns

    Thank you again!

    I have a question about the featured image on blogs. what is the dimension? I would like to use one feature image to work on the homepage (like you helped me with) and the blog landing page that looks like this – http://kriesi.at/themes/enfold/blog/blog-grid/ or this http://kriesi.at/themes/enfold/portfolio/masonry-portfolio/

    Thanks!

    March 22, 2016 at 8:26 am #601739
    Ismael

    Hi!

    If you want the blog grid style, use images with this dimension: http://kriesi.at/themes/enfold/files/2014/04/sportscar-speedometer-710×270.jpg

    For the masonry style, an image like this will suffice: http://kriesi.at/themes/enfold/files/2013/04/dash-iphone2.jpg

    The theme will automatically set the appropriate thumbnails for specific elements but in order to get a consistent grid, use images with the same size and aspect ratio as much as possible.

    Cheers!
    Ismael

    March 23, 2016 at 4:09 am #602266
    navindesigns

    Thanks

    Few more things

    On mobile – the image and the title/text on the right is too close to eachother.

    Screenshot – http://s10.postimg.org/ny5tk6kax/Screen_shot_2016_03_22_at_10_22_26_PM.png

    Also, how do I remove the summary copy “The final day was packed with “studio critiques” of our redesigns…” on mobile only of JUST the blog entries on the homepage. The problem is if you look at that section on mobile there is too much white space under the image so removing some elements from the right only on mobile will make that section look better or if you have any better suggestion

    Thanks

    March 26, 2016 at 4:10 am #603767
    Ismael

    Hi!

    It looks like that because of the suggested code above. The image should be above the excerpt and post meta infos by default. Please replace the css code with this:

    @media only screen and (min-width: 768px) {
.home a.slide-image, .home .slide-content {
    float: left;
    width: 47%;
}
}

@media only screen and (max-width: 767px) {
.avia-content-slider .slide-image, .avia-content-slider .slide-image img {
    width: 100%;
}
}

    It looks better with the excerpt.

    Cheers!
    Ismael

    March 28, 2016 at 5:15 pm #603927
    navindesigns

    I think that looks better

    what do you think?

    thanks!

    March 28, 2016 at 5:32 pm #603936
    Yigit

    Hi!

    Most definitely :)
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Single Latest Blog Post On Homepage’ is closed to new replies.