Quick reply post button

Hi, i want to know the CSS for changing the quick reply buttons.



Just a picture to help.

I want to make them a bit bigger. I would also like it to say 'Post Quick Reply' instead of just 'Post'.
Wondered if anybody would be able to do this?

Can i bump this? if so then BUMP!

If not, im sorry lol

1. Don't think you can.
2. Sorry there is no image for quick reply.

So the buttons can't be changed at all? Not even the size of them?

I think they can be changed using jQuery, but definitely not by using CSS.

Do you mean these buttons http://i.imm.io/5c13.png

If yes find this in CSS

Code:

#format-buttons input, #format-buttons select, button.button2 {

add

Code:

    padding: 4px;

If you mean preview and send button http://i.imm.io/5c1M.png increse padding in CSS

Code:

a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: 5px 0;
}

Yes its the second set of buttons, the ones that say Preveiw and Send.
However the code doesn't seem to be changing anything? Even when i change the padding.

I also want to know if there is anyway to make it say 'Post Quick Reply' rather than just send.

Thanks for your help.

Code:

a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: YOUR PADDING HEREpx 0;
}

Add it in your CSS and increse padding. I've tried it, it works.
This is with default padding


This is with set padding (5px)


You cant change the letters.

I didn't change any letter, i simply copied the code into the CSS bit. When 5px padding didnt wrk i tried 10 and so on, but its not changing the buttons i'm afraid.

Here is my CSS bit, the other things are from previous things changed, should they be in any certain order or am i right in just adding this code to the bottom?

It works fine, this is a Screenshot of YOUR quick replay


Did you refresh your page?

REALLY!?!? lol.

It doesn't look like that on my screen. lol. And yes i have refreshed the page lol.

I'm seriously not messing you around or anything.
On my screen, anywhere i go on my forum them buttons haven't changed.
Could it be something to do with my browser?

Yep, checked on Explorer, doesn't work, sorry. I'm on Mozilla.
Maybe someone knows to do it in Explorer.

*sigh* I just stopped using mozilla lol.

Mozilla is better in some ways and IE is better in someways, gonna have to make my decision some day.

Thanks for all your help though, appreciate it.

I tried again.

Try adding this to your CSS, it should work in I.E. and Mozilla.

Code:

a.button1, a.button2, button.button2, input.button1, input.button2 {
    height: 30px;
}

You can change the height.

haha hi again lol.

Yeah that worked thanks, is there anyway to change the width too?
So the size of the box is larger rather than just stretched upwards.

Sorry, i know i'm being a pain lol

I don't think so, they need auto size because they are not all the same width (others button is bigger, and smile button smaller).

You can add bold efect to better see them if that's what you want the send and preview button.

font-weight: bold;

But there's always a way, we could wait for other answers. I'm probably missing something
Don't worry about questions, this entertains me.

Haha well i'm glad your enjoying it lol.

I know very little about CSS so ths might be laughable but would changing the word 'height' to width and changing the correct PX size not do it.

Oh no wait i am forgetting about the fact that this changes the button above the text box too.
Is there any way to leave the buttons above the text box how they are but just change the height and width of the 'Send' and 'Preview' Buttons.

Another thing which would be great is if we could get rid of the Preview button and centralize the 'Send' button.

To do changes only to 2 buttons (preview and send) delete the first code and try adding this one.

Code:

input.button2 {
  font-weight: bold; 
  height: 30px;
}

You should get this.
http://i.imm.io/5chh.png

I tried to add width but it doesn't work That's the part where I'm lost.
Had no luck with removing preview, if I remove it, send and other button dissapeare because they are also buttons2 {

Thanks for that code, very helpful.

I tried adding the font-size, and changed it to 20px.
This made the boxes bigger but ti also affects the box which says 'Others' and 'Go' next to mod tools, any idea's how to not affect these other things?

No, those 4 buttons are the same class in phpBB3, button2.
So it affects all 4 (others, preview, send and go). Have no idea how to separate them. Tried when wanted to remove preview.
My knowlage of phpBB3 is a little bit limited. JS would also help probably.
We can wait for others to give their vote, there's always a way

Okay well thanks a lot for your help anyway, i couldn't find a way to seperate them either (though my knowledge is even more limited).