Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

[Documentation] How to move new comment box position?

edited April 2012 in Vanilla 2.0 - 2.8

Hi,

Now my new comment box like this :

Anyone can help me how to move the new comment box to right side?

Thank you.

Best Answer

  • 422422 Developer MVP
    Answer ✓

    in your custom css add this:

    ul.DataList div.Meta strong {
        box-shadow: 0 0 2px #777777;
        left: 720px;
        position: absolute;
        top: 24px;
        white-space: nowrap;
    }
    

    left moves the position to the right ( weird i know )

    So if you set left at 650px it moves it to the left, and 720 moves it to the right at the moment ( you have minify ) and its set at 668px

    You may have to clear cache and or add important to the attribute like:

    left: 720px !important;

    Ste

    There was an error rendering this rich post.

Answers

  • Have you looked in firebug to identify it?

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • 422422 Developer MVP

    I could tell you but post your link first

    There was an error rendering this rich post.

  • fh111fh111 Vanilla Padawan ✭✭

    there might be easier ways, this is just how i figured it out for myself.

    open /themes/themefolder/views/discussions/helper_functions.php

    find

    if ($Session->IsValid() && $Discussion->CountUnreadComments > 0)
                   echo '<strong>'.Plural($Discussion->CountUnreadComments, '%s New', '%s New Plural').'</strong>';
    

    and sourround it by <span class="new"><?php and ?></span>
    then move it where you want it to be inside the helper_functions.php

    i have it before <?php $Sender->FireEvent('AfterDiscussionTitle'); ?>

    mine looks like this ..

  • Sorry I'm newbie in programming..

    @peregrine : Sorry..I don't know how to use the firebug..
    @422 : my link » http://forum.caricyber.com
    @fh111 : I've try your suggestion but still not work :(

    Anyway thanks to all give your reply.

  • 422422 Developer MVP
    Answer ✓

    in your custom css add this:

    ul.DataList div.Meta strong {
        box-shadow: 0 0 2px #777777;
        left: 720px;
        position: absolute;
        top: 24px;
        white-space: nowrap;
    }
    

    left moves the position to the right ( weird i know )

    So if you set left at 650px it moves it to the left, and 720 moves it to the right at the moment ( you have minify ) and its set at 668px

    You may have to clear cache and or add important to the attribute like:

    left: 720px !important;

    Ste

    There was an error rendering this rich post.

  • @422 : thank you so much :)

  • 422422 Developer MVP

    Your very welcome :)

    There was an error rendering this rich post.

  • @peregrine : Sorry..I don't know how to use the firebug.

    It's worth giving it a look or some other developer tools with your browser. Google chrome has there own and so does MS. It will save you countless questions. It's not hard. There are millions of tutorials.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

Sign In or Register to comment.