Blog Modern Blog Post with pictures.

Hi Clemens Johannes,

Do the following:

1. In Enfold > Blog Layout, set the following:
– Blog Styling: Modern Business
– Blog Layout: Use the advance layout editor to build your own blog layout

2. Edit the Blog page, use the Advanced Layout Builder. Add two Blog Posts.

3. On the first (top) Blog Post, use the following settings:
– Blog Style: Single Author, big preview Pic
– Blog Content Length: Full Content
(Filter)
– Offset Number: Do not allow duplicate posts on the entire page
– Conditional display: Remove element if the user navigated away from page 1 to page 2,3,4, etc
(Styling > Pagination)
– Post Number: 1
– Pagination: no

4. On the second (bottom) Blog Post, use the following settings:
– Blog Style: Grid Layout
– Blog Content Length: Title and Excerpt
(Filter)
– Offset Number: Do not allow duplicate posts on the entire page
– Conditional display: Always display the element
(Styling > Appearance)
– Blog Grid Columns: 2
(Styling > Pagination)
– Post Number: 2 (you can set this to any even values)
– Pagination: yes
Hope this helps.

Best regards,
Nikko

Hi jhoelzl,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi,

Thanks for giving us admin access.
The reason why it’s not appearing is because of this code in Quick CSS:

.avia-content-slider .slide-image { display: none; }

Why did you add this code? or where is it used? so we can try to modify that code so it’s only on specific elements.

Best regards,
Nikko