Tagged: grid layout
-
AuthorPosts
-
February 21, 2022 at 2:20 pm #1341654
Hello there,
I’m having trouble in my main website page in that I have chosen grid layout and want all the images for posts to be square/same size. However, some are showing as square and some rectangle. Any suggestions please?Also, I want 4 columns – so x4 posts in the horizontal grid. I’ve changed the archive.php and added x4 but this only seems to apply to one of my pages and not the root home page. Again, any suggestions?
best wishes,
EstherFebruary 22, 2022 at 4:28 am #1341742Hey estherj6,
Thank you for the inquiry.
Did you set the home page as blog page in the Enfold > Theme Options panel? The home and blog page should be set in the theme options. If you edited the options in Settings > Reading panel, you may need to reset it back to default. You can then modify the index.php file to increase the number of columns in the grid.
$atts = array( 'type' => 'grid', 'items' => get_option('posts_per_page'), 'columns' => 3, 'class' => 'avia-builder-el-no-sibling', 'paginate' => 'yes');
Regarding the images, looks like the featured images have different sizes, which is why the generated thumbnails are not the same. The best solution is to upload images with the same sizes and aspect ratios to get a consistent grid.
Best regards,
IsmaelFebruary 22, 2022 at 7:29 pm #1341839Thanks Ismael,
I have sorted out the column issue now thanks.
Regarding the blog featured images, the files are already all the same aspect ratio/square but are still showing as rectangles. Any other ideas?
In addition is there a way I’m able to make the blog titles smaller and not in bold?best wishes,
EstherFebruary 23, 2022 at 5:28 am #1341936Hi,
Thank you for the update.
Some of the images are actually smaller than the designated thumbnail, so they were not resized the same as the larger ones. The images should have the same aspect ratio and they should be of the same size.
You can use this css code to adjust the style of the post title.
.avia-content-slider .slide-entry-title { font-size: 0.9em; line-height: 1.4em; margin: 0; font-weight: 400; }
Best regards,
IsmaelFebruary 24, 2022 at 4:51 pm #1342158Many thanks Ismael.
I actually had to delete each feature image individually and then re-upload the same files and that seemed to do the trick in making the square ratio images appear square on the website.
Thanks for the code to change the post titles. I’ve applied this which has worked. However, the following code now intermittently appears on the homepage of the website:
Strict Standards: Static function aviaBuilder\base\aviaSubItemQueryBase::default_args() should not be abstract in /home/blanchepictures/public_html/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-sub-item-query-base.php on line 117
best wishes,
EstherFebruary 25, 2022 at 3:36 am #1342207Hi,
Glad to know that the modifications are working. Regarding the error, it seems to be another issue on its own. We will forward it to our channel for further investigation. Please feel free to open another thread if you have more questions regarding the theme.
Best regards,
IsmaelFebruary 28, 2022 at 4:27 am #1342507 -
AuthorPosts
- You must be logged in to reply to this topic.