[leenajacob]

Hi,

While editing a portfolio post, I changed it completely to individual blocks, not sure how I did this. Some of the images which used to be full-width are no longer full-width on this page https://www.leenahasaportfolio.com/?portfolio=qb-warehouse-mobile-app

I had added some custom CSS a few years ago with your help to achieve this.

.single-jetpack-portfolio .singular-content-wrap img.size-full {
width: 100vw;
margin-left: calc( -100vw / 2 + 100% / 2 );
margin-right: calc( -100vw / 2 + 100% / 2 );
max-width: inherit;
}

But for some reason, with these blocks, the images aren’t edge to edge or full width anymore.

[tikaram]

@leenajacob: I checked your site. You will need to increase the width of the container to increase the the width of the images. The width of the text and images both will be increased. Please let me know if its what you are looking for or something else.

Regards,
Tikaram

[leenajacob]

No, I only want the width of some of the images to be full-width.

[tikaram]

@leenajacob: Some of the images are already full width on your site. Can you please specify more clearly which images do you want to make full width ?

Regards,
Tikaram

[leenajacob]

On this page particularly https://www.leenahasaportfolio.com/?portfolio=qb-warehouse-mobile-app

some of the images were full width before:
set-up2.jpg
pick-flow2.jpg
pick-flow3.jpg

[tikaram]

@leenajacob: Please add the following additional css and let me know if this works out.

.wp-block-image {
	width: 100vw;
	margin-left: calc( -100vw / 2 + 100% / 2 );
	margin-right: calc( -100vw / 2 + 100% / 2 );
	max-width: inherit;
}

Regards,
Tikaram

[Author]

Posts