Image width problem

Hey,

Thanks for contacting us!

You can refer to this post – https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width and create Color Section elements with 100% content width and insert your image element inside it :)

Regards,
Yigit

Hi,

You can edit your Color Section element and give it a custom ID “section-container-width” and then add following code to Enfold theme options > General Styling > Quick CSS field so the content of that Color Section element would be fullwidth

/* Color section container width */
#section-container-width .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}

After that you can insert your linked Image element inside that Color Section element and it would be displayed fullwidth :)

Best regards,
Yigit

Hi,

It looks like you have added the wrong ID to your section, I’m seeing this ID:

-color-section-container-width--section-container-width-.container--width-100-important-min-width-100-padding-0-margin-0-

Please try adding section-container-width only to the ID field, then add the rest into Quick CSS:

/* Color section container width */
#section-container-width .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}

Best regards,
Rikard

Hi,

Thanks for the update. I’ve edited the section with the Kraftplatz image. I added the section-container-width to the Color Section CSS field option, then I added this to Quick CSS:

/* Color section container width */
.section-container-width .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}

You can find Quick CSS under Enfold->General Styling.

Best regards,
Rikard