Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 19, 2020 at 4:47 am #253430
    leenajacob
    Participant

    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.

    July 19, 2020 at 10:42 am #253434
    tikaram
    Participant

    @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

    July 20, 2020 at 1:19 am #253479
    leenajacob
    Participant

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

    July 20, 2020 at 5:32 am #253505
    tikaram
    Participant

    @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

    July 20, 2020 at 9:52 am #253534
    leenajacob
    Participant

    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

    July 24, 2020 at 2:16 am #253972
    tikaram
    Participant

    @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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Please help: Portfolio post’s images not full-width anymore’ is closed to new replies.