• Resolved hazelstreet

    (@hazelstreet)


    Hi there,
    On my front page, I would like to have my latest posts appear in 3 side-by-side (3-across), so that it reaches across the entire page width underneath my slider.

    Instead, they appear only 2-across, with the third post bumped onto the second line, which looks awkward (and I can’t figure out what is causing it to bump down).

    I’ve been trying to edit the css to get the third post up on the first row, to no avail. Please help! Is there something I am missing? Thank you very much!!

    https://caledoniachamberofcommerce.com/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hello Hazelstreet,

    I have used a plugin called Page Builder by siteOrigin to fix this issue. I think it is a free plugin and it’s really easy to use. This plugin has a lot of granular controls, so you can adjust padding, set the size of the columns and a plethora of other features.

    Please let me know if this helps!

    Thanks!
    Kenny

    Theme Author José Leonardo

    (@joseleonardo)

    Okay,

    I noticed you have changed the div classes to grid-50, grid-50 is 50% width.

    you need to change it to grid-33 and it will be divided by 3 (33% + 33% + 33% = 99%)

    but this function (last entries from blog), will show up to 1 – 4 posts, that’s why I used grid-24 (divided by 4), so if you publish more than 3 posts, your fourth will break to the second line.

    Thread Starter hazelstreet

    (@hazelstreet)

    Thanks so much for the replies!

    José,
    I haven’t intentionally changed any div classes that I know of. Are you looking in the style.css file? If so, would you be able to tell me what line the code is that I have to change to grid-33?

    I tried editing a couple of different lines of code in style.css, but they haven’t fixed the problem (in fact, they just made the first two posts stretch the whole width of the page, and kept the 3rd down on the second line).

    So I went back and downloaded a fresh style.css from the theme page and replaced it on the server to make sure there aren’t any stray edits that I made, and it is back to pushing the third post onto the second line like before.

    If you could tell me which line I should be editing, then I won’t mess up the rest (my hosting provider takes a long time to refresh so it’s hard for me to see changes right away sometimes).

    Or is there another location/another file I should be changing this in?

    Again, thanks so much for your help, José, I really appreciate it!

    Theme Author José Leonardo

    (@joseleonardo)

    Ah ok, only now I realized what is going on…

    In fact, there is a bug on this theme that I didnt have time to take I look yet.

    In WordPress, there are two ways to set your website front page, by dafault it shows your blog page, but you also can select a static home page.

    For some reason, those two pages (static and blog front page) are both mixing on the front page, at the top you have a static front page and above you have a blog page.

    Try to set a static front page at Settings > Reading…

    If it doesnt work, send me a tweet…

    Thread Starter hazelstreet

    (@hazelstreet)

    I’m late in getting back to this, but wanted to let you know that I was indeed able to play around with the static front page Settings and get what I needed. Thanks for the tip!

    Theme Author José Leonardo

    (@joseleonardo)

    Good to hear that.

    I’d appreciate if you let me a review.

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Showing 3 posts across on under Front Page slider’ is closed to new replies.