Size Of The Image In Sections
Raul
Hello everyone! I purchased SPPB and added the Manufacturer theme (which might not be important).
I have a task to create a horizontal block with 4 images with text (hyperlinks).
I found two ways to add the blocks:
1 - Add a section, then add a row with 4 blocks. In each block, I added an Image and a Heading below the Image.
2 - Add a section with 4 blocks and add a Feature Box.
In both cases, when adding images of different sizes, the blocks are not the same size. I need all 4 blocks to be the same size.
Atick Eashrak Shuvo
Accepted AnswerHello Raul,
Apologies for the inconvenience. To ensure that all blocks are the same size, we recommend using images with the same dimensions. If you're using the Image Addon, you can set a fixed dimension for the images. Alternatively, if you're using the Feature Box Addon, I am sharing a layout in the hidden content below that may work for your needs. Please check if it resolves the issue.
Raul
Accepted AnswerThanks for the answer!
- Using all images in the same resolution is the last thing I’m going to do. There are pages listing materials, and there will be about 100 items. Editing 100 images in Photoshop is too time-consuming.
- The fixed dimension function distorts images either vertically or horizontally; this is not a solution.
- Where should I insert this file to test its functionality with the Feature Box?
Atick Eashrak Shuvo
Accepted AnswerWhere should I insert this file to test its functionality with the Feature Box?
I have attached a screen recording about how to do it, please check
Raul
Accepted AnswerThanks, it's worked. But not like what i need. This code works and centers the entire block in one line, but the text is linked to the image rather than the block, and it’s not aligned. This can be fixed in the SPPB settings. Also, each box is outlined with a black square, which needs to be removed manually in the code. Despite the images being on the same line, they still have different sizes, and that’s an issue. Perhaps I am not describing the essence of the problem correctly; I apologize for that. I have attached three photos to clearly show what I want to achieve using this wonderful Builder.
-
This is how it looks like on previously site, with random dimensions on images, using Blocks on WP. It crops the image to size if it exceeds the allowable dimensions in the block, or he enlarges it to fit the block dimensions, simultaneously adjusting all sides:
-
This is how i'm trying to make with SP Page Builder and your code:
-
This is how it looks like if the image are the same dimension (it's perfect):
