How do I Force the Same Size for Circled Images in All Services Block?

Hi @sunyboy1,

Thanks for reaching out!

From what I can see, you have two services modules in two rows, one with two images, and one with three.

Depending on the number of images, the module automatically gives the images a certain width, and this cannot be changed through the module itself in the current version of CoBlocks.

However, you can try changing their width using this CSS workaround, which you can add in the Appearance> Customize> Additional CSS area:

.wp-block-coblocks-service__figure>img {
	width:200px;
	height:200px;
	margin:0 auto;
	position: relative;
}

.wp-block-coblocks-service__figure {
	height:200px;
	padding:0 0 0 0 !important;
}

Please let me know if this works for you.

@sunyboy1

When using the CSS workaround I’ve provided, just please make sure to change all of the instances of “200px” to the size that you want.

Aleksandar:

Thank you for the instructions. However, I must be doing something incorrect. I placed the code into the area that is labeled “Additional CSS class(es)”. I changed the first module to a very small 50 and set the second module at 200… just to see if the workaround worked. Nothing. Nada. No changes whatsoever.

I have a feeling I likely did something wrong, but being a novice, that’s expected.

Aleksandar:

I misunderstood the directions and attempted to edit the individual pages as opposed to the entire site. Upon re-reading your directive, I realized my mistake and approached the CSS workaround as outlined. It’s working the way I had hoped.

THank you for the helping hand.