"Arrow" in postbit_classic

[Eldenroot]

Hi!

I am not good at CSS, is there anybody who can help me add an "arrow" to the postbit_classic? Something like this (check attachment)

CSS style:

 .arrow {
    position: absolute;
    top: 10px;
    right: -10px;
    display: block;
    width: 0px;
    height: 0px;
    line-height: 0px;
    border: 10px solid transparent;
    border-left-color: #d7edfc;
    -moz-border-left-colors: #d7edfc;
    border-right: none;
    _display: none;

Thank you very much. For me, I will customize it by my own, I just dont know where to put span class for this

[mmadhankumar]

add the arrow div just after the closing post_author div and then add the given css.. hard refresh and check if its working..

<div class="post_arrow"></div>

.post_arrow{position: relative;}

.post_arrow:after, .post_arrow:before {
    left: 191px;
    border: 1px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.post_arrow:before {
    border-left: 1px solid #DDDDDD;
    border-width: 10px;
    margin-top: 20px;
}

.post_arrow:after {
    border-left: 1px solid #F5F5F5;
    border-width: 9px;
    margin-top: 21px;
}

PS: the width and colors are given with the assumption that you are using the default theme.. you might have to change them to match your theme..

[Eldenroot]

It works fine! Amazing, thank you very much!

Is there any way how to fix it for fluid width of forum?

[mmadhankumar]

Is there any way how to fix it for fluid width of forum?

try to change the "left: 191px;" to %.. check if 15% fixes it..

[Eldenroot]

Works! Thank you again!