Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 25, 2014 at 7:47 pm #325217
    Kevin

    Hello Support,

    We are in the process of building a website for a client and was wondering if we can build the website with the Enfold Theme but is it possible to make it look like the screenshot below:

    The Homepage would display the blog post in a grid look but also they are not all aligned to the top and images are different sizes.

    Hope to hear from you soon.

    Thanks,
    MP

    September 25, 2014 at 10:04 pm #325291
    Josue

    Hey Marcelo!

    I think that’s possible with Enfold, but it would require additional coding and adjustments.

    Regards,
    Josue

    September 26, 2014 at 3:48 pm #325644
    Kevin

    Thanks Josue,

    I started setting up the website on our Dev http://kc.bydecosta.com

    What do I need to do to make the Blog Posts display on the homepage like on the screen cap.

    Please let me know if you need me to provide you wp-admin access.

    Thanks again,
    MP

    • This reply was modified 10 years, 3 months ago by Kevin.
    September 26, 2014 at 7:10 pm #325732
    agitprop33

    Hi,

    I’m also looking to get something similar.
    Would be great to at least get some tips where to start.

    Thanks,
    Francis

    September 27, 2014 at 3:46 am #325856
    Josue

    Hey!

    Try with this:

    @media only screen and (min-width: 989px) {
    #top .container .av-masonry-entry:nth-child(2){
        padding-top: 50px;
    }
    #top .container .av-masonry-entry:nth-child(3){
        padding-top: 150px;
    }
    #top .container .av-masonry-entry:nth-child(4){
        padding-top: 250px;
    }
    #top .container .av-masonry-entry:nth-child(5){
        padding-top: 100px;
    }
}

    That will add some different top padding to the first four items (change this in case of more columns, we target 2, 3, 4, 5 because the 1st element is the sort element), and we make sure this gets applied when the screen size is greater than 989px.

    Best regards,
    Josue

    September 27, 2014 at 2:53 pm #325956
    Kevin

    This is why I love the Enfold Theme and the amazing support team :) that worked.

    Next question is, I changed the background colour to black for the Masonry Blog Posts on the HomePage.
    #top #wrap_all .post.av-masonry-entry.science_sort, #top #wrap_all .post.av-masonry-entry.news_sort .av-inner-masonry-content {
    background: #000000;
    }

    What is the quick css code to change the colour to white.

    Thanks,
    MP

    September 27, 2014 at 7:42 pm #325999
    Josue

    Hi!

    Try with this:

    .av-inner-masonry-content-pos * {
    color: white !important;
}

    Best regards,
    Josue

    October 16, 2014 at 10:57 pm #337052
    Kevin

    Hello Support,

    Quick question. So how can we make the background to remain black on the posts when you click “Load More”.
    http://kc.bydecosta.com/facebook/

    Thanks again for your help, client is loving the site.

    MP

    October 17, 2014 at 4:11 pm #337416
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .main_color .container .av-inner-masonry-content {
background-color: black;
}

    Cheers!
    Yigit

    October 30, 2014 at 7:10 pm #343544
    Kevin

    Thanks Yigit. I’ll keep this topic open.

    • This reply was modified 10 years, 1 month ago by Kevin.
    October 31, 2014 at 6:31 pm #344232
    Yigit

    Hey!

    Sure, we will be waiting to hear from you. Please note that thread will be on hold until you reply.

    Cheers!
    Yigit

    November 1, 2014 at 12:18 pm #344551
    AneBang

    Hey Yigit,

    Thank you for your reply. I will try that and see if I can get it to work. Otherwise I will ask again :)

    (and sorry for not replying sooner, I had gone hope for the day ande therefore wasn’t at my computer).

    Have a great day!
    Ane

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Grid Blog Question for Client’ is closed to new replies.