Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 28, 2015 at 8:45 pm #479909
    kvpacs

    I’d like a sidebar on the right side of the page and the portfolio grid on the left. When activating the right sidebar for the page, it gets forced below the grid. So instead I have a color section, with the portfolio grid in a 4/5 column, and a menu widget in the 1/5 column.

    In portfolio grid options, if I set the grid to display 3 columns, it shows up perfect and fills the layout column.When I set to 4 columns, it pushes the items over and makes space but leaves the 4th column blank. Also have it set to display all posts and automatically size images. Any ideas why the 4th col isn’t displaying?

    2nd question:
    Titles are displayed below each portfolio item. Some take up one line and others two. The box outline is not aligned because of the titles that take up two lines. Is there a way to override this so they all have the greater height?

    Please see web link. Thanks in advance!

    July 29, 2015 at 3:45 pm #480302
    Elliott

    Hi kvpacs!

    They are displaying as 4 columns for me.

    Drag this to a codeblock element to make more room for the titles.

    <style type = "text/css">
.grid_content { min-height: 80px !important; }
</style>

    Best regards,
    Elliott

    August 22, 2015 at 8:07 pm #491754
    kvpacs

    Thanks Elliott!

    Wondering if you can provide more direction on inserting the css. I’ve pasted it into a code block below the portfolio grid in the layout. Saved and refreshed but cannot see a change to the title height. Should I have done this differently?

    The portfolio grid 4th column is still blank when I view it (as described above). Are you saying it is displaying for you, when you view the link?

    August 24, 2015 at 4:11 pm #492310
    Elliott

    Hey!

    Yes it looks fine to me. Take a screenshot of what your seeing so we can get a better idea.

    As for the codeblock element I did not see it in your source code. Are you using a caching plugin?

    Cheers!
    Elliott

    August 25, 2015 at 12:45 am #492560
    kvpacs

    Hi,
    I checked some other browsers – Safari, Google, IE and 4 columns displays correctly. Just seems to be Firefox (see screenshot link). I’ve cleared the cache and even tried viewing in a private window, but still same problem.

    Not using a caching plugin as far as I know – although a few plugins were installed by my web host. But no plugins that mention caching in the name or description. Double-checked and the codeblock element is there with css pasted in. I’ve also added the css to the child style.css file. Can you see it now?

    Thanks

    August 25, 2015 at 3:22 pm #492979
    Elliott

    Hey!

    Ok I see it now. What happens when you use a regular sidebar and get rid of the 4/5 + 1/5 columns your using?

    Best regards,
    Elliott

    August 25, 2015 at 6:46 pm #493149
    kvpacs

    Hi Elliott,
    I tried a regular sidebar before and wasn’t working… now it is – I must have been using a different layout element. Looks good – thank you!

    What about the css for the title height?

    August 26, 2015 at 9:51 am #493368
    Ismael

    Hey!

    Apply a minimum height to the title container:

    .grid-content {
  min-height: 82px;
}

    Cheers!
    Ismael

    August 28, 2015 at 2:58 am #494589
    kvpacs

    Oops, was using an underscore instead of a dash. Thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Portfolio Grid beside sidebar’ is closed to new replies.