Full width image

Hello!

I'm having trouble trying to make an image on my homepage full width. It's not a image block, it's in a section by itself. I managed to make the image full width on mobile and iPads, but for some reason the code I'm using isn't making the image full width on the desktop/laptop view. Can someone help me please ? I'm currently using the "full width image card" plugin from ghost plugins: 

// Full Width Image Card //

[data-section-id="5edbff601cb53938995dcae9"] {
overflow-x: hidden !important;
overflow-y:hidden !important;
}
[data-section-id="5edbff601cb53938995dcae9"] {
.content-wrapper  {
  padding: 0px !important;
  margin: 0px auto;
  display: contents;
  }
.sqs-layout .sqs-row .sqs-block {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
.image-card-wrapper .sqs-dynamic-text-container {
  padding: 40px !important;
}
}
.sqs-block.custom-items-search:hover {
      color:#dea2c5 !important;
    border: 1px solid #dea2c5 !important;
}

site: www.uniquelydolledwigs.com 

first picture on my homepage

It seems you solved?

No, I haven't been able to solve this yet. There's still white space on both sides of the picture when you view my site on a computer. Do you have any suggestions? 

On 6/19/2020 at 8:01 AM, Dee12 said:

No, I haven't been able to solve this yet. There's still white space on both sides of the picture when you view my site on a computer. Do you have any suggestions? 

Hi. Sorry for the delay. Can you take screenshot the images? I can check code easier.

Hey! It’s the first picture on my home page. website: www.uniquelydolledwigs.com

16 hours ago, Dee12 said:

Hey! It’s the first picture on my home page. website: www.uniquelydolledwigs.com

You mean Your own wig images?

@tuanphan I’ve attached the image. It looks fine on mobile but on desktop there’s still space on the sides of the image (it’s not full width). 

Add to Home > Design > Custom CSS

[data-section-id="5ee3173f87a301684ca284e3"] .image-block figure {
    max-width: 100% !important;
}

Thankyou, it worked!! 

On 3/4/2021 at 10:42 PM, JujuG said:

Hi @tuanphan 

I'm having the same issue and cannot figure out how to fix it. Tried implementing the custom code above, but doesn't seam to work.

I want to portray the image below in full width - so that it spans across 100% of my page's width

Since I will be displaying this same image across different pages in my website, is there a way the custom code can apply every time I upload this same file?

I really appreciate the help.

Website:

https://jellyfish-cow-prac.squarespace.com/
testjellyfish

Hi. Can you check site url?