Quick reply help

Hi guys



Basically, I want to align the quick reply box so that it is central. Same goes for the send and preview buttons.

Also, if anyone knows how to change the font, I would appreciate that. The font is also different in the full reply box as well, I would like it all (including the quick reply box) to be in Arial, if anyone can assist me.

Thank you very much!

Hi,

For the Title:

Code:

.main .main-head {
background-color: #424242;
color: #DEDFDF;
font-family: Yourfont;
font-weight: 400;
padding: .7em 1.3em;
}

For the buttons:

Code:

.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: center;
}

If the centering of that code doesn't work. Try this one:

Code:

#text_editor_textarea {
width: 90% !important;
position: relative;
margin-left: -90px;
}
.pun p.left-box {
margin-left: 70px;
}

Sir Chivas™ wrote:Hi,

For the Title:

Code:

.main .main-head {
background-color: #424242;
color: #DEDFDF;
font-family: Yourfont;
font-weight: 400;
padding: .7em 1.3em;
}

For the buttons:

Code:

.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: center;
}

If the centering of that code doesn't work. Try this one:

Code:

#text_editor_textarea {
width: 90% !important;
position: relative;
margin-left: -90px;
}
.pun p.left-box {
margin-left: 70px;
}

Hey, thanks for the help. The first 2 did not work, but the latter one did. Here is what I have now..



The main problem has been resolved, but the 2 buttons are still out which is odd..

I'm using PunBB if that helps at all.

Thanks again.

Code:

.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: absolute;
}

Or try this:

Code:

.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
position: bottom right;
right: 300px;
}

Estimate the right px code.

Frances Kaizer wrote:

Code:

.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: absolute;
}

Or try this:

Code:

.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
position: bottom right;
right: 300px;
}

Estimate the right px code.

I put these straight in, but there was no change.

Use only one. Did you run in an error console?

I tried one at a time, straight into the CSS. I don't think it did anything from looking straight at it.

Is this just my forum which has this problem? Check out what my full reply looks like...



Maybe there's some code which makes it look like your standard forum or something?

Yes, he's right, it's appearing for everyone. Well, I'm really not sure for punbb since i barely use it, have Chivas wake up for a replay or Nera. I can't help you no more from this point, sorry.

Ok, thank you anyway!

Bumping on his behalf.

Reminded for massive flooding within the topics ~ Jophy

The PunBB editors positioning makes me laugh.

Remove all the CSS codes from this topic previously.

This should center the buttons:

Code:

#quick_reply .frm-buttons { text-align: center; }

This will center the textbox:

Code:

#textarea_content dt { display: none; }
#textarea_content dd { margin: 0 auto; width: 70%; }

Increase the width to whatever suits your needs.

And what font are you wanting to change? The buttons or the text box?

LGforum wrote:The PunBB editors positioning makes me laugh.

Remove all the CSS codes from this topic previously.

This should center the buttons:

Code:

#quick_reply .frm-buttons { text-align: center; }

This will center the textbox:

Code:

#textarea_content dt { display: none; }
#textarea_content dd { margin: 0 auto; width: 70%; }

Increase the width to whatever suits your needs.

And what font are you wanting to change? The buttons or the text box?

That worked a treat, thank you!

The font that is displayed as you type in the text box. IE, the exact font which I typed the message out in. I would like to change that font to Arial. The font is also different in the 'full reply' editor as well.
But once a message is submitted, it's Arial. It's small details like that which bug me :l

Glad to hear it.

Try either of these:

Code:

#textarea_content textarea { font-family: Arial; }

Code:

#texteditor_textarea { font-family: Arial; }

LGforum wrote:Glad to hear it.

Try either of these:

Code:

#textarea_content textarea { font-family: Arial; }

Code:

#texteditor_textarea { font-family: Arial; }

The top line worked perfectly, cheers.

While on the topic, don't suppose there is anything you are able to do with this monstrosity?