Title: Z-Index/CSS Problem?
Last modified: August 20, 2016

---

# Z-Index/CSS Problem?

 *  Resolved [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * (@animeshtripathi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/)
 * Hi guys,
 * My website is at [http://thinkrasta.com/home](http://thinkrasta.com/home)
 * On the featured post, where you can see the comment box (number of comments bubble),
   you’ll see that it’s getting cut where the translucent Javascript overlay starts.
 * I want to bring the rest of the bubble over the black overlay.
 * I’m trying to use z-index but it isn’t working. Here’s my current code for the
   Featured Image and Post, as well as my Index.PHP:
 * CSS code: [http://pastebin.com/bUMhnpDh](http://pastebin.com/bUMhnpDh)
    PHP code:
   [http://pastebin.com/Wpi9Uk6i](http://pastebin.com/Wpi9Uk6i)
 * Hope you guys can help me out, I’ve been stuck at this for quite some time now,
   might be an easy fix. 😛
 * Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641787)
 * Try using Firefox with the Firebug add-on for this kind of CSS work.
    [http://getfirebug.com/](http://getfirebug.com/)
 *  Thread Starter [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * (@animeshtripathi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641800)
 * Hey, thanks for the quick reply. I haven’t tried Firebug, currently I’m using
   Chrome’s inbuilt ‘Inspect Element’ feature for realtime CSS edits…I’ll give Firebug
   a try.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641805)
 * Firebug is 10x better than Chrome’s Inspector.
 *  Thread Starter [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * (@animeshtripathi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641808)
 * okay…do you have any clue as to what might be the problem in this case?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641823)
 * It’s got nothing to do with z-index. The .commentscap block simply isn’t tall
   enough at 30px. Try increasing its height.
 *  Thread Starter [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * (@animeshtripathi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641830)
 * SHITTT. You’ve gotta be kidding me. I increased the height, how do I move the
   box down to overlap the overlaying portion, though.
 * Thanks for the suggestion 😛 I feel so stupid right now.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641837)
 * > You’ve gotta be kidding me
 * I agree that initially it really looked like a z-index problem but this is why
   Firebug is so cool. It lets you play with and adapt the live CSS in your browser,
   so I was able to pull the comment bubble upwards and have a good look at it away
   from the overlay. That’s when it got obvious 🙂
 * Try increasing the height of .commentscap to 36px. Then add `position:relative;
   top:6px;`.
 *  Thread Starter [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * (@animeshtripathi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641841)
 * Worked like a charm 😀
 * Thank you so much! I was trying to use position:absolute and define margin-left
   and margin-bottom. LOL. I guess I was kinda saturated over this error.
 * Thanks a ton again. 😀
 *  Thread Starter [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * (@animeshtripathi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641846)
 * One more thing,
 * In the grid of posts below the featured post,
    I have a bg-image which consists
   of a dotted border. only the top and left parts of it are showing currently. 
   What can I do to resolve this issue?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641849)
 * No problem 🙂
 *  Thread Starter [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * (@animeshtripathi)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641871)
 * can you help me with that? I can’t operate Firebug. :/

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Z-Index/CSS Problem?’ is closed to new replies.

## Tags

 * [code](https://wordpress.org/support/topic-tag/code/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [featured](https://wordpress.org/support/topic-tag/featured/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [index](https://wordpress.org/support/topic-tag/index/)
 * [php](https://wordpress.org/support/topic-tag/php/)
 * [Z-index](https://wordpress.org/support/topic-tag/z-index/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 11 replies
 * 2 participants
 * Last reply from: [animeshtripathi](https://wordpress.org/support/users/animeshtripathi/)
 * Last activity: [14 years, 2 months ago](https://wordpress.org/support/topic/z-indexcss-problem-1/#post-2641871)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics