-
Posts
-
Hello. Please see the attached image, for the issue.
Thank you!
Looking at your screenshot, #F1F1F1 is defined. Yet, #FFFFFF is being displayed.
I’m not specifically defining #FFFFFF anywhere (background, diagonal border, etc.) in these sections.
I’ve created an admin account for you.
I’m pretty convinced this is a bug now. If you remove the background from the HOW WE DO IT section the issue goes away.
That same exact background is used in the WHO WE ARE section and there are no issues.
So, I believe the bug is introduced when you add a background image to a section below where a diagonal border is defined.
A background (e.g. horizontal color) of #FFFFFF is rendering, NOT a diagonal border. How do I fix ths?
Hi,
We would like to access the site but it’s returning a 526 error. Please let us know once the site is up.
Best regards,
IsmaelHi,
That is not a bug. That is the diagonal section container. Are you expecting the “HOW WE DO IT” section’s background to be visible underneath the gray background area? Try to disable the “Section Bottom Border” of the “Why We’re Here” section and enable the “Section Top Border” of the “How We Do It” section.
Best regards,
IsmaelThat would not work, as it would eliminate the diagonal border on the bottom of “Why We’re Here”.
I still think this is a potential bug. If I remove the background image, everything looks fine.
Additionally…
If you look at the “Who We Are” section, I’m doing the same thing with the one difference being…there is no diagonal border defined above it.
As a test, I went ahead and added a diagonal border above the “Who We Are” section. As you can see in this image, I was able to reproduce the issue.
Hi,
https://app.box.com/s/9rrfjcqzy82vlb5wx5x56l9pmkkv0gjn
That’s not a white space. That’s the diagonal border container which covers the blue background area. Please try to check it in the browser inspector.
To demonstrate how the diagonal border works, I captured a screenshot of the “about” page with and without the border.
with the diagonal border: https://imgur.com/a/HzssH
without the diagonal border: https://imgur.com/a/sBD2FBest regards,
IsmaelSorry, still doesn’t make sense to me. You have the credentials. Please show me how to fix this. Whatever you want to call that WHITE AREA, it needs to not be there and the background image needs to show through. Thanks!
Hi,
I’m sorry but that’s not possible. The background of the next section will not show underneath the first one if the diagonal background border is enabled. The diagonal border is a container with a solid background, diagonally positioned over the sections’ main background, covering it to achieve that particular effect. Maybe, you can achieve what you’re after with css clip-path but it will require modifications that are beyond the scope of support.
// https://css-tricks.com/almanac/properties/c/clip/
Best regards,
IsmaelOkay. I’m not sure if “bug” is\was the correct word, but why this works when the diagonal border is below a section with a background image (see “Who We Are” section) as opposed to above a section with a background image (see “How We Do It” section), is still confusing to me. Seems like it should not work entirely or work entirely.
Hi,
but why this works when the diagonal border is below a section with a background image
The lower the section is, the higher it is in the stack order (z-index) so if there are 3 sections in a page and you stack them up one after the other, the second one will cover the first and the third will cover the second etc unless the z-index property is defined manually. This is why the background of the first section shows through the top diagonal border of the second section in your “About” page. Yes, it would be nice if the bottom background will display through that “whitespace” but it’s not going to happen because of the above explanations. This is also why there are no background images after a diagonal border in the “enfold-creative-studio” demo.
// https://kriesi.at/themes/enfold-creative-studio/
Best regards,
Ismael
- You must be logged in to reply to this topic.