Forum Discussion

michael-r's avatar
13 years ago

Quick Reply Box Text Area

Hi there,

 

We are looking for some help changing the size of the text box that appears when 'Quick Reply' button is selected within out forum. From another Lithosphere post, we tried to change the size of the textarea within our CSS. We are looking for a similar outcome that appears within this Lithosphere forum when 'Quick Reply' is pressed. We've looked at the CSS involved with the size of this text box, using Chrome's 'Inspect Element' feature, we tried to copy this into our CSS but still couldn't get this to re-size within our forum.

 

Any help would be very much appreciated.

 

Michael

4 Replies

  • If you want to simply enlarge the Quick Reply input area you should either find and modify or add the following CSS statement:

    #lia-body.ForumTopicPage .lia-quilt-row-forum-message-quickreply textarea { 
    position: relative;
    right: 45px;
    width: 418px;
    }

     

     If you are enlarging the width you need to increase the "right:" value by the same amount to keep the right border at the same position.

     

    Lithosphere did something different. So if you want to change the alignment please specify :)

  • michael-r's avatar
    michael-r
    Maven
    13 years ago

    Hi Claudius,

    Really appreciate your help here. I'm just about to give it a try within our stage environment, so no worries if I break something being a newby to this kind of stuff!

    It looks as if we may need to add this CSS statement as I can't see this statement already embedded within our CSS. I think the 'Quick Reply' box size and alignment within the Lithosphere page would be ideal. Do you know which attributes to use/alter so we can have a similar text area?

    I'd assume we would need to change the allignment as our text box seems to be floated in the centre of the page. It would be good to see this alligned underneath the post buttons, as the Lithosphere feature displays.

    Thanks,

    Michael.

  • michael-r's avatar
    michael-r
    Maven
    13 years ago
    Big thanks to Cladius for your help.

    I am not so experienced in HTML and CSS, so I put this statement at the top of our CSS. After speaking to one of our in-house experts in this field, turns out the statement needed to input into a different area of the CSS structure. Works a charm.

    Thanks again.