Docs

[coryyeakel]

Sorry for the somewhat confusing title, I have a unique question for you guys and I didn’t really know how to word it. Let me explain:

I’m currently making a few adjustments to my blog post design to give it a more unique look. I’ve got my global website background and breadcrumbs background set to the same color code because I want them to join seamlessly, but it seems there’s a small “lip” or “edge” that’s still separating the two. I’ve attached two screenshots with the issue circled in red to show you what I mean.

Any ideas on how to get rid of that little edge so that the two elements connect seamlessly? I do not have any borders or outlines set, so I’m not sure what else it could be.

Thanks!

[coryyeakel]

The second image didn’t upload because it was too big, so I’ve trimmed it down a bit. Check out the attached screenshot for another view. Red arrows pointing to issue.

[Lely]

Hi There,

Thank you for the screenshots. That seems to be a integrity stack border for breadcrumbs. Please try adding the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.x-breadcrumb-wrap {
    border: none;
    box-shadow: none;
}

If this doesn’t do the trick, please share your site URL so we can check further.

[Author]

Posts