[Resolved] GB – change parts of a Pattern Block

[Barbara]

Hello,

I have now purchased Premium GB and am using it with GP Premium. I have added the “Movement – Testimonial” Pattern block.
How do I replace the photo? And how do I change the colour of the graphics stip between the top fill width Testimonial and the next two Testimonials?

I am also using the content pattern – Summer Camp. How do I have make the images the same size? I replaced the sample images and now my images are different sizes.

BR, Barbara

[Fernando]

Hi Barbara,

The images are set through the Container Block. You can replace them in the Backgrounds section of the Block settings.

As for the divider, it’s also a Container Block with a background image. You can only change the background color in the Colors section.

Here’s a short screen recording: https://share.getcloudapp.com/8Lu1m1Wy

As for the different sized images, make sure that the images have the same Height and width in the Image Block settings.

[Barbara]

Hi Fernando,

Is it possible to change the photo container block to stop it from resizing? The block (with image) resizes in an odd way and the face becomes distorted as my copy is more than the sample. Also, how do I change/remove the pattern in the container? I have managed to change the colour and size.

[David]

Hi there,

so each of the testimonial images are displayed as the Background image of the Container Block.
You can either:

Option A:

1. Select the container with the Image in the background and set the Background size to contain

OR

Option B:

1. Remove the background image.
2. Inside that same container add a GB Image Block, and use that to Display the Image.

That way the image will remain a constant size.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Barbara]

Hi David,

Optin B worked. Thanks.

Back to the second part of my question.

I am also using the content pattern – Summer Camp. How do I have to make the images the same size? I replaced the sample images and now my images are different sizes.

I have edited GB with my images and titles – coaching, consulting, creating. Ideally I want the images to be the same size and have all of the text to line up. All the images are the same width. When I change the height by one increment, it becomes huge.

What am I doing wrong?

BR, Barbara

[Ying]

Do you mean theAre You Facing Inflexion Points? section?

Can you replace the WP image block with GB image block like this:
https://www.screencast.com/t/vV3w4S5CCJav

Then set the height value for the images to 20 vw which means the image height will be 20% of the screen width, set the object-fit to cover:
https://www.screencast.com/t/pIEinKYD

[Barbara]

Thanks, Ying; they are all lined up now.

[Ying]

Great 🙂
You are welcome!

[Author]

Posts