![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
April 5, 2021 at 2:43 pm #1292509
Hi, I was trying to set up a Masonry Blog, but unfortunately I can’t get what’s expected.
I found this post: https://kriesi.at/support/topic/masonry-blog-not-working/
but it doesn’t help, so I try to explain what exactly happens.In Enfold > “Theme Options” > “Where do you want …” I didn’t select a page as mentioned in the post above. Whatever I select, I can’t see my Masonry Layout, it’s still empty and doesn’t display any post.
In “Dashboard” > “Settings” > “Read” I selected the page “Blog” to display the posts. This is showing them, but in a different grid layout and Sidebar, which is defined here: Enfold > “Theme Options” > “Blog-Layout”In the posts (on each page) I enabled comments, which are also not displayed in the front end.
I’d like to get a Masonry Blog Layout without a Sidebar, what’s going wrong?Best regards, Dirk
April 7, 2021 at 12:43 am #1292941Hey Dirk,
Thank you for the inquiry.
Please reset the Settings > Reading panel options to default, then select the blog page in the Enfold > Theme Options > Where do you want to display the blog settings. After that, set the Enfold > Blog Layout > Blog Layout to the very last option (Use the advance layout builder..). You can now use the advance layout builder for the blog page and it should show the content.
Best regards,
IsmaelApril 7, 2021 at 8:46 am #1292996Hey Ismael,
that’s exactly what I did before and now: My layout is not visible, everything is white!
The blog page contains a color section and the Masonry element inside and everything what I set in the settings of the page, e.g. “No Sidebar” etc. is not showing.
What is wrong?
Thanks for helping,
DirkApril 8, 2021 at 5:54 pm #1293364I really need support on this, it should be something close to this article from 2014?
#post-217746April 9, 2021 at 4:16 am #1293411Hi Dirk,
Thanks for the update. First off, could you try updating the theme to the latest version (4.8.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. If that doesn’t help, then please post admin WordPress login details in private.
Best regards,
RikardApril 9, 2021 at 10:17 am #1293471Hi Rikard,
I updated to the latest version (4.8.1) and the Blog page shows the post, great!
Now it’s closer to the Enfold Masonry example page, but the single posts still don’t show any dates, comments, category or tags.Could you please check, which settings are wrong or missing? I posted the credentials for you.
Best regards,
DirkApril 11, 2021 at 8:32 am #1293745Hi Dirk,
Thanks for the update. I see that you have used the Layout Builder to create your posts. When that is the case, then everything needs to be added manually to posts. You can use the Comments and Post Metadata elements for example.
Best regards,
RikardApril 12, 2021 at 10:55 am #1293893Hi Rikard,
that’s exactly what was missing! Great, now I changed everything to our needs.
Thanks a lot for helping, great support ;)
Best regards and have a nice day!!!
DirkApril 13, 2021 at 9:33 pm #1294211Hey, there is only one little thing missing.
Because I created the posts with the Layout Builder, text excerpts are not visible on the Blog page.
Once I activate the Excerpts box for each post I only see this excerpt text in the Masonry. I’d like to have the post image, headline and the excerpt as seen in the Enfold Masonry example page.How can I control this?
Best regards,
DirkApril 14, 2021 at 7:07 am #1294251Hi,
Thank you for the update.
Since you are using the layout builder, you will have to manually add the summary in the Excerpt box for each post. If the box is not available in the post editor, click the Screen Options in the top right corner of the dashboard, then tick the Excerpt checkbox.
Best regards,
IsmaelApril 14, 2021 at 9:21 am #1294286Hi Ismael,
that’s what I meant: “Once I activate the Excerpts box for each post…” – so I activated Excerpt for each post, put some text in and saved it.
In the Masonry this text is only displayed and not the combination of image, title and some text down under. In the Masonry settings I enabled Title and Excerpt.Controling the output of this would be great…
Best regards,
DirkApril 15, 2021 at 11:30 am #1294552Hi,
Thank you for following up.
Did you also add the “combination of image, title and some text down under” inside the excerpt box? By default, only text is allowed in the summary or excerpt, and any html markup will be stripped or removed, which is probably why they are not visible.
Best regards,
IsmaelApril 15, 2021 at 11:49 am #1294559Hi Ismael,
I only added text in the Excerpt box as mentioned and was expecting that it’s shown below the post image and title.
I need a solution for controlling the output in the Masonry, so that the text excerpt shows up.Best regards,
DirkApril 19, 2021 at 4:49 am #1295063Hi,
Thank you for the info.
We tried logging in again to the dashboard, but the account above is no longer valid. Did you remove it? Please enable it again so that we could check the issue properly.
Best regards,
IsmaelApril 19, 2021 at 10:18 am #1295200Hi Ismael,
I activated the same cretentials for you.
I’d like to achieve a design similar like this, which means 15px margin around the entries and more space for the text excerpt below.Great, if you can help?
Best regards,
DirkApril 21, 2021 at 6:12 am #1295680Hi,
Thank you for the info.
The Excerpt box is actually disabled, so we enabled it from the Screen Options and added a short text in the field. (see private field)
You should now see the text “This is an excerpt” under the first post in the blog overview page.
Best regards,
IsmaelApril 21, 2021 at 10:25 am #1295747Hi Ismael,
it happens exactly what I described before. If I enter more text than the 2 words you did, there’s is only text and image and title disappear.
Looks like the Entries Box has a fixed height? I want the box to extend below as in your example page or in my screenshot. Now I removed the text and there is an automatical excerpt on the Blog page (only for the first post) and the image is cut off.Please check this.
The other task is to get a post navigation on each post page above the comments, I couldn’t find it in the Layout Builder?
Best regards,
DirkApril 22, 2021 at 12:20 pm #1296021Hi,
Thank you for the info.
If I enter more text than the 2 words you did, there’s is only text and image and title disappear.
That happens because the content or excerpt container in the masonry element is actually an overlay, which is above the image. To adjust the size of the image or to make most of it visible, you can use the following css code.
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer { padding-bottom: 150%; }
Default bottom padding value is 80%.
You can also try a different masonry size settings.
Best regards,
IsmaelApril 22, 2021 at 10:55 pm #1296146Hi Ismael,
I used the code with 120% and it’s ok on a 15″ MacBook, but doesn’t do the trick on larger screens or responsive. Please check it.
It’s also depending on the text length of the excerpt I enter or the already existing title so the image height is not even.Is there another solution?
And how to get a post navigation on each post page above the comments, I couldn’t find it in the Layout Builder?Best regards,
DirkApril 26, 2021 at 7:34 am #1296679Hi,
but doesn’t do the trick on larger screens or responsive
You can create more css media queries to adjust the bottom padding value on different screen sizes or devices. Example:
@media only screen and (min-width: 1300px) { .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer { padding-bottom: 200%; } }
The code above will apply the changes when the screen width is larger than 1300px. You may also need to control the number of characters in the excerpt, the maximum and minimum characters allowed, to make sure that the masonry grid is consistent.
Other solution is to use a different masonry size settings as we suggested above. You could also hide the excerpt and add a read more text instead.
// https://kriesi.at/support/topic/read-more-buttin-in-masonry-blogelement/#post-1282623
Best regards,
IsmaelApril 27, 2021 at 9:24 am #1296930Hi Ismael,
unfortunately the CSS only extends the height, I tried “min-width: 1800px” and “padding-bottom: 250px”.
The issue is that the whole container is too narrow and doesn’t extend to the whole page width as before (screenshot).Meanwhile it’s getting more and more complicated. Why is the Masonry Blog not responsive and has to be customized that much?
And again: How can I add the post navigation (previous and next post) on the post page itself using the Layout Builder?
Best regards,
DirkApril 29, 2021 at 10:38 am #1297291Hi,
Why is the Masonry Blog not responsive and has to be customized that much?
The element is actually responsive but it does not work well with too much excerpt. It is suppose to highlight the featured images, not be covered with text.
Have you tried using a different Size Settings such as the Flexible Masonry? The advantage with this size option is that the image and the caption have separate containers so they do not overlap each other. Just make sure that the uploaded images have the same size and aspect ratio to get a perfect grid. The same thing can be done with the Portfolio Grid element, or the Blog Posts element set to grid layout.
whole container is too narrow and
You can also adjust the maximum container width for larger screens with css.
@media only screen and (min-width: 1800px) { .responsive .container { max-width: 1600px; } }
Best regards,
IsmaelMay 1, 2021 at 10:08 am #1297685Hi,
The element is actually responsive but it does not work well with too much excerpt. It is suppose to highlight the featured images, not be covered with text.
So why is what I expected exactly seen in the Enfold example page?
I didn’t try the Flexible Masonry, or is this the layout in the example above?Unfortunately your latest provided CSS doesn’t work, the container doesn’t extend. Could you check this with your Admin credentials or change it?
And I still don’t have a clue, how to get a post navigation in the single posts! This is part of this post and Rikard also responded to my questions about the single posts above…
Best regards,
DirkMay 3, 2021 at 6:54 am #1297901Hi,
In the demo, did you notice that the summary are short and concise, not more than two lines per item? That many characters in the excerpt should work fine, but the content container will still cover part of the image, almost 30% of the image in the demo’s case. In your site, you are trying to add longer excerpt, so the content container covers most of the image.
In the demo, the excerpt is also hidden on smaller screens using css.
@media only screen and (max-width: 989px) { .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content { display: none; } }
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelMay 3, 2021 at 10:27 am #1297965Hi,
I opened a new thread now.
Best regards,
Dirk-
This reply was modified 3 years, 4 months ago by
diggital.
May 9, 2021 at 12:33 pm #1299164May 11, 2021 at 12:04 pm #1299649Hi,
I just replied to your thread here – https://kriesi.at/support/topic/masonry-blog-and-posts-created-with-layout-builder/. Let us continue there :)
Best regards,
Yigit -
This reply was modified 3 years, 4 months ago by
-
AuthorPosts
- The topic ‘Masonry Blog not as expected’ is closed to new replies.