gayatriom 0 Report post Posted October 15, 2011 Hi. I'd like to tuck the feature area- bottom area, under the shadows of the pagelines-content area. Sort of like what's going on at the top of my feature area. however, z-index doesn't seem to work. if you look at esww-law.com homepage, you can see what I mean. Share this post Link to post Share on other sites
Rob 547 Report post Posted October 15, 2011 Okay. I'm amazed at the progress you've made and impressed. However, I have no idea what you mean by this one. Where exactly are you trying to put what? Could you make a mock up image and include it between [ img ] and [ /img ] (with no spaces in the tags). Just add the URL of the image. You don't have to add any Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites gayatriom 0 Report post Posted October 15, 2011 Thanks so much.. hmm. like make a mockup in adobe or something ? let me try to explain it again. So.. notice how I've added a drop shadow to the branding area? notice how the feature slider and my right hand sidebar pic of the building nicely tuck under that shadow... Now. What I would LOVE is if shadow from the content BELOW the feature slider and the building to the right would overlap on TOP of the feature slider and building. This way the feature slider and building are now is in this special place. get it? Share this post Link to post Share on other sites gayatriom 0 Report post Posted October 15, 2011 I've tried this: div#maincontent.container.fix{z-index:1000;} but to no avail. it doesn't register. Share this post Link to post Share on other sites Rob 547 Report post Posted October 15, 2011 Check the bottom of this article by one of our Pros. http://adammunns.com/create-a-fullwidth-clickable-feature-slider/ Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites gayatriom 0 Report post Posted October 15, 2011 hey ! .. hmm. i don't this article is what I'm talking about . . . Share this post Link to post Share on other sites gayatriom 0 Report post Posted October 15, 2011 i don't need the whole area to be clickable. Share this post Link to post Share on other sites gayatriom 0 Report post Posted October 15, 2011 #feature{background-color:transparent; -moz-box-shadow:inset 0 0 100px #000000; -webkit-box-shadow:inset 0 0 100px #000000; box-shadow:inset 0 0 100px #000000;} I added this. it looks awesome. BUT. This innershadow doesn't do what I was saying. I need the bottom pagelines_content area to overlap on top of the feature area. Share this post Link to post Share on other sites Rob 547 Report post Posted October 15, 2011 Candidly, other than what Adam did, I've never heard of anyone doing what you propose before. I don't even know if it's possible without simply adding a frame around the entire slider in a div and I'm not sure how that would work. I wasn't suggesting the clickable portion of Adam's article, but the portion about the drop shadow. I presumed that might give you some clue how to achieve the goal as it added a 'layer' on the slider. I presumed that's the way to create this. One of the other moderators might be capable of handling this as they have different styling skills. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites gayatriom 0 Report post Posted October 15, 2011 Hey.. thanks for your help! I feel it's a z-index issue. If only I could change the Z-index of the bottom portion. I've used the innershadow effect. thanks so much for that. It looks awesome, but doesn't really do what I'm aiming for... (i'm using it tho.) Share this post Link to post Share on other sites Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Login via PageLines Signup To PageLines Sign in to follow this Followers 0
gayatriom 0 Report post Posted October 15, 2011 Thanks so much.. hmm. like make a mockup in adobe or something ? let me try to explain it again. So.. notice how I've added a drop shadow to the branding area? notice how the feature slider and my right hand sidebar pic of the building nicely tuck under that shadow... Now. What I would LOVE is if shadow from the content BELOW the feature slider and the building to the right would overlap on TOP of the feature slider and building. This way the feature slider and building are now is in this special place. get it? Share this post Link to post Share on other sites
gayatriom 0 Report post Posted October 15, 2011 I've tried this: div#maincontent.container.fix{z-index:1000;} but to no avail. it doesn't register. Share this post Link to post Share on other sites
Rob 547 Report post Posted October 15, 2011 Check the bottom of this article by one of our Pros. http://adammunns.com/create-a-fullwidth-clickable-feature-slider/ Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
gayatriom 0 Report post Posted October 15, 2011 hey ! .. hmm. i don't this article is what I'm talking about . . . Share this post Link to post Share on other sites
gayatriom 0 Report post Posted October 15, 2011 i don't need the whole area to be clickable. Share this post Link to post Share on other sites
gayatriom 0 Report post Posted October 15, 2011 #feature{background-color:transparent; -moz-box-shadow:inset 0 0 100px #000000; -webkit-box-shadow:inset 0 0 100px #000000; box-shadow:inset 0 0 100px #000000;} I added this. it looks awesome. BUT. This innershadow doesn't do what I was saying. I need the bottom pagelines_content area to overlap on top of the feature area. Share this post Link to post Share on other sites
Rob 547 Report post Posted October 15, 2011 Candidly, other than what Adam did, I've never heard of anyone doing what you propose before. I don't even know if it's possible without simply adding a frame around the entire slider in a div and I'm not sure how that would work. I wasn't suggesting the clickable portion of Adam's article, but the portion about the drop shadow. I presumed that might give you some clue how to achieve the goal as it added a 'layer' on the slider. I presumed that's the way to create this. One of the other moderators might be capable of handling this as they have different styling skills. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
gayatriom 0 Report post Posted October 15, 2011 Hey.. thanks for your help! I feel it's a z-index issue. If only I could change the Z-index of the bottom portion. I've used the innershadow effect. thanks so much for that. It looks awesome, but doesn't really do what I'm aiming for... (i'm using it tho.) Share this post Link to post Share on other sites
