Trying to get the blog grid to look like your website's example - Support

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 1, 2018 at 6:38 pm #992517

HU_Dallas
Participant

Hi there,

I have a page I’m working on that’s using the blog grid enfold theme element. We are trying to get the the template to look exactly like it is on here: https://kriesi.at/themes/enfold/blog/blog-grid/

Currently, the article titles are way too large, and the preview text below is way too long. Is there a solution to fix this fairly easily or duplicate the style from that page (https://kriesi.at/themes/enfold/blog/blog-grid/) ? I will send you the page link and login credentials in the private content field below so you can take a look.

Regards,
Max

August 3, 2018 at 12:23 pm #993221

Ismael
Moderator

Hey HU_Dallas,

Thank you for using Enfold.

The site is still running on a very old version of the theme, 3.4.7. You need to upgrade to version 4.4.1. Please upgrade the theme and then re-configure the theme options a bit. You may need to disable the file compression options in the new Enfold > Performance panel.

After the update, go to the Enfold > Blog Layout panel and then set the Blog Layout settings to “Grid Layout”. Make sure that the blog page is set as blog in the Enfold > Theme Options panel and NOT as Posts Page in the Settings > Reading panel.

Best regards,
Ismael

August 8, 2018 at 8:22 pm #995137

HU_Dallas
Participant

Hi Ismael,

We just updated our theme to 4.4.1. Unfortunately, we still can’t figure out how to make the article titles smaller and reduce the amount of excerpt text on the blog grid layout. Ideally, we would like the blog grid to look just like this page from your site’s example (https://kriesi.at/themes/enfold/blog/blog-grid/). We also weren’t really sure what you meant by not setting the Posts Page in the settings? Would you be able to provide all the possible steps it takes to get this to work? I can provide the the url links for the pages we’re trying to apply this to and login details below for you to take a look.

Regards,
Max

August 9, 2018 at 9:15 am #995313
Ismael
Moderator
Hi,

Thanks for the update.

You got this css modification on the Quick CSS field, which affects the blog title.
```
#top #wrap_all .main_color h3, #top #wrap_all .alternate_color h3 {
    font-size: 28px;
    line-height: 1.3em;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
```
You can adjust the font size from that css declaration or use this code to override it.
```
#top #wrap_all .main_color .slide-entry h3, #top #wrap_all .alternate_color .slide-entry h3 {
    font-size: 14px;
    line-height: 1em;
}
```
Add this filter in the functions.php file to decrease the excerpt length.
```
add_filter('avf_postgrid_excerpt_length','avf_adjust_postgrid_excerpt_length_mod', 10, 1);
function avf_adjust_postgrid_excerpt_length_mod($length)
{
   $length = 10;
   return $length;
}
```
Default value is 60 or 240 depending on the blog style.

Best regards,
Ismael
August 9, 2018 at 4:27 pm #995577

HU_Dallas
Participant

Thanks Ismael, the css you gave me for the font size worked! I was able to apply the css in the Customize CSS panel. When I tried adding it in the Quick CSS field it didn’t work, is that because I have these pages saved as drafts?

As far as the excerpt length solution, I can’t figure out how to get to the functions.php file. I believe I should be able to get to it through appearance > editor? I don’t think I have that option. I’m set up as an administrator so shouldn’t I be able to access the php file?

August 10, 2018 at 8:45 am #995855

Ismael
Moderator

Hi,

1.) Is the Enfold > Performance > File Compression options enabled? You won’t see the css changes immediately if that option is enabled. You have to toggle it first or just disable it temporarily while you’re still working on the site.

2.) Yes, it should be editable in the Appearance > Editor panel. Do you have access to your file server or FTP? Please ask your hosting provider for the login details. They should be able to direct you to the access info.

Best regards,
Ismael
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.