Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 12, 2017 at 1:39 am #819740
    Jason E

    I am in a time crunch. For some reason, I cannot get background images to completely fill a color area. I tried different methods, but all result in a truncating of the image before the end of the color area container.

    July 12, 2017 at 7:07 am #819824
    Rikard

    Hey Jason,

    Are you referring to the white line above the slider? If not then please try to explain a bit further or post a screenshot of the problem. Also please update to the latest version of the theme which is 4.1: http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    July 12, 2017 at 8:10 am #819852
    Jason E

    No, the header line is as designed and implemented in css. What is not working, even with the update to 4.1 is when you apply a background image to a color area. I can do it with a background image, or an overlay texture (Enfold-driven). Look at the dark gray stack (color area). The pattern does not go all the way down to the bottom of the color area. I tried it manually using a background image without overlay and got nearly the same result. Screenshot link attached in private area.

    July 12, 2017 at 8:12 am #819854
    Jason E

    I did test this on Chrome, Safari and Firefox DE. All of which display similarly.

    July 12, 2017 at 12:00 pm #819942
    Rikard

    Hi,

    Thanks for the clarification, it looks like you have a separator/white space area at the bottom, could you check if that is the case and remove it? If not then you can use this CSS in Quick CSS:

    .home #av_section_2 .hr-invisible {
  display:none !important;
}

    Best regards,
    Rikard

    July 12, 2017 at 4:25 pm #820087
    Jason E

    I need the space in there, as it puts space between the image and the bottom of the color area stack. I have the same space at the top of the stack, but it does not affect the background there. I need the spacing in the image I just uploaded, without the break in the background image / overlay. I initially tried it with the padding, but that resulted in the same problem. I don’t recall having this problem on any other projects in the past.

    July 12, 2017 at 4:54 pm #820103
    Jason E

    I had to remove te background image, so I could show the page. I will re-create this on another testing page later today.

    I need to find a resolution where I can have a color area with an overlay and have it stretch from top of the color area to the bottom, without and breaking. I have done this on other projects without issue with Enfold and not sure why it does not work here. There is very little custom css, and none that should affect this.

    July 13, 2017 at 5:55 am #820333
    Rikard

    Hi,

    Ok, thanks for the feedback. Let us know when you have a test page and we’ll have a closer look at it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Background image not filling color area’ is closed to new replies.