How Do I Extend the Shadow Under the Complete Breadcrumb Trail

[bcrmt1]

Here is an example of what’s happening where the shadow under the breadcrumb trail is cut off

http://www.agapetherapeutic.com/client-education/comprehensive-treatment-plan/

Just wondering what setting needs to be tweaked.

Thanks in advance.
Kent.

[scrambler]

This appears to be a z-index problem, the shadow is under the content area.

@weaver may have to have a look to see if the theme needs a fix.

In the mean time, you should be able to fix it by adding the rules below in Main options > Menus > Info bar > Info Bar BG CSS+ box

{position:relative;z-index:100;}

[Weaver]

I am unable to duplicate this issue.

First, please try disabling you CSS compression plugin. Compressing already compressed CSS can cause issues.

Then, please explain exactly how you added the shadow border to the bottom of the infobar.

[bcrmt1]

Hi Weaver,

Not sure what a CSS compression plugin would be? I haven’t intentionally used this.

Here is where I went to add the shadow for the info bar:

Appearance – Theme Options – Main Options – Menus – Info Bar (selected right & bottom from the drop down menu)

Thanks for your input. I’ll try what Scrambler suggested now.

[bcrmt1]

Hi Weaver,

Could the issue be with my caching plugin? I’m using WP Fastest Cache as I was having problems with Quick Cache. Not sure if this is an issue?

[bcrmt1]

Hi Scrambler,

Your solution worked in getting the shadow all the way across the page under the info bar line but I have selected bottom and right and there is nothing on the right side. Not sure what I’m doing wrong. Here is the link to how it currently looks.

http://www.agapetherapeutic.com/client-education/comprehensive-treatment-plan/

[scrambler]

That is because by default content and container are set to overflow:hidden

Add the rule below in MAin options > Fonts & Custom > Custom CSS Rule box

#container, #content {overflow:visible;}

[Weaver]

@bcrmt1:

The underlying cause of the hidden shadow is the #FFFFFF bg color you added to the Content Areas : Content Area BG color. Leaving that blank would not change the look of the bg color there. This is partly because the top margin of the content area is 0, as is the bottom margin of the info bar. Shadows are displayed in the margins, and thus the infobar and content areas touch. The white BG of the content area is overlaying the shadow in the margin.

Now, I’m not really sure if this is a bug or a feature.

So you can keep the z-index fix, or simply remove the #FFFFFF from the content bg color.

I will discuss this with @scrambler, and might add a z-index rule for this special case.

So much interaction going on!

---

It does seem the CSS compression was coming from your cache plugin. That doesn’t seem to be the issue, so you can turn it back on.

[bcrmt1]

Thanks Weaver & Scrambler,

Took out the background color for the content area and added Scramblers Custom CSS code to the Fonts & Custom CSS box. 

[Author]

Posts