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 post button

View previous topic View next topic Go down

Quick reply post button

Post by LGforum on April 23rd 2011, 12:14 am

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?

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 23rd 2011, 10:04 pm

Can i bump this? if so then BUMP!

If not, im sorry Sad lol

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by MrMario on April 23rd 2011, 10:19 pm

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

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 23rd 2011, 11:20 pm

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

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Base on April 24th 2011, 10:38 am

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 10:46 am

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 12:22 pm

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.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 12:33 pm

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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 12:39 pm

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?

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 12:49 pm

scratch

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


Did you refresh your page?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 12:53 pm

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?

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 12:57 pm

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 1:00 pm

*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. Smile

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 1:57 pm

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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 2:05 pm

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

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 2:36 pm

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 Laughing
Don't worry about questions, this entertains me.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 2:43 pm

Haha well i'm glad your enjoying it lol. thumright

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.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 3:29 pm

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 Laughing That's the part where I'm lost. Laughing
Had no luck with removing preview, if I remove it, send and other button dissapeare because they are also buttons2 {

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 3:56 pm

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?

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Quick reply post button

Post by Nera. on April 24th 2011, 4:13 pm

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 I love you

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Quick reply post button

Post by LGforum on April 24th 2011, 4:21 pm

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).




LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.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