The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Quick reply help

View previous topic View next topic Go down

Quick reply help

Post by TPF on November 21st 2012, 7:04 pm

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!

TPF
New Member

Posts : 23
Reputation : 0
Language : English

http://www.thepivotforum.com

Back to top Go down

Re: Quick reply help

Post by Sir Chivas™ on November 22nd 2012, 2:26 am

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;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Quick reply help

Post by TPF on November 22nd 2012, 10:13 am

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.

TPF
New Member

Posts : 23
Reputation : 0
Language : English

http://www.thepivotforum.com

Back to top Go down

Re: Quick reply help

Post by Kaizer Lee on November 22nd 2012, 10:15 am

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.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Quick reply help

Post by TPF on November 22nd 2012, 10:19 am

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.

TPF
New Member

Posts : 23
Reputation : 0
Language : English

http://www.thepivotforum.com

Back to top Go down

Re: Quick reply help

Post by Kaizer Lee on November 22nd 2012, 10:20 am

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

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Quick reply help

Post by TPF on November 22nd 2012, 10:23 am

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?

TPF
New Member

Posts : 23
Reputation : 0
Language : English

http://www.thepivotforum.com

Back to top Go down

Re: Quick reply help

Post by Kaizer Lee on November 22nd 2012, 10:28 am

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.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Quick reply help

Post by TPF on November 22nd 2012, 10:31 am

Ok, thank you anyway! Very Happy

TPF
New Member

Posts : 23
Reputation : 0
Language : English

http://www.thepivotforum.com

Back to top Go down

Re: Quick reply help

Post by Kaizer Lee on November 22nd 2012, 10:49 am

Bumping on his behalf.

Reminded for massive flooding within the topics ~ Jophy

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Quick reply help

Post by LGforum on November 22nd 2012, 1:00 pm

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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply help

Post by TPF on November 22nd 2012, 1:46 pm

@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

TPF
New Member

Posts : 23
Reputation : 0
Language : English

http://www.thepivotforum.com

Back to top Go down

Re: Quick reply help

Post by LGforum on November 22nd 2012, 3:17 pm

Glad to hear it.

Try either of these:
Code:
#textarea_content textarea { font-family: Arial; }
Code:
#texteditor_textarea { font-family: Arial; }

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply help

Post by TPF on November 23rd 2012, 1:54 am

@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?


TPF
New Member

Posts : 23
Reputation : 0
Language : English

http://www.thepivotforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum