Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 11, 2019 at 5:47 pm #1155680
    lseg74

    Hi,

    I would like to use a color section which is only as wide as my header (as are the column sections I am using underneath the color section).

    In the color section I am using a background image with an overlay color (green with opacity). I want this background and this overlay color to be the width of my header.
    Please look at the link in the private content.

    Kind regards,
    Luc

    November 12, 2019 at 5:55 am #1155823
    Rikard

    Hey lseg74,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-428 #color-section-width {
    max-width: 1200px;
    display: table;
    margin: 0 auto;
    float: none;
}

    Best regards,
    Rikard

    November 12, 2019 at 8:00 am #1155856
    lseg74

    Hi Rikard,

    thank you very much.
    Almost there!

    The image is clipped now, instead of redimensioned (should have been within this limit), and there is a very thin line now under the colorsection.
    Could you help with this?

    Kind regards,

    Luc

    November 14, 2019 at 5:11 am #1156630
    Ismael

    Hi,

    Thank you for the update.

    Have you tried to adjust the height of the color section to make room for the background image? Or try to set the background attachment from “parallax” to “fixed”. The parallax container automatically resizes its container based on the size of the parent color section, so it might not be the best option for the image.

    To remove the border of the next section, use this css code.

    #after_section_1 {
    border-top: 0;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.