| This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy. Visit the NEW ZetaBoards Support forum! |
| [Solved]Move "post reply" button; help! | |
|---|---|
| Tweet Topic Started: May 30 2008, 10:03 AM (786 Views) | |
| cl8ir8 | May 30 2008, 10:03 AM Post #1 |
|
Member
![]() ![]() ![]()
|
Hi:) I am a complete novice at css editing so I was hoping someone could help me out. We just switched over to Zeta boards from Invision and I would like to move the "post reply" button that a user gets when adding a post to be next to the "preview" button. I am hoping this is an easy change and that someone could advise me on how to do that. Thanks in advance for your help Claire
|
![]() |
|
| Nicola | May 30 2008, 10:21 AM Post #2 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
That'll move it, but it'll require you to use some CSS for .posting button.btn_default to position it etc:
Add that in to the CSS (Theme Appearance) and then use CSS. |
![]() |
|
| cl8ir8 | May 30 2008, 12:30 PM Post #3 |
|
Member
![]() ![]() ![]()
|
thank you so much for helping me. I really am a novice so I want to clarify (my apolgies if this sounds stupid) I paste the jquery script you wrote out into the Css for my board theme. Does it matter where it goes or can I just slap it on right at the end? Then I need to add in the a section ".posting button.btn_default" to the CSS too adding in the necessary lines to position the button etc. Can this go anywhere too? Sorry if this seems obvious. |
![]() |
|
| Nicola | May 30 2008, 12:38 PM Post #4 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Oh! Sorry I forgot to clarify. That's my fault, don't worry. The jQuery goes at the end of the Theme Layout to affect a specific theme, OR in the Above the Copyright box in the Board Template to affect all themes) At the end of the CSS (The code used in the Theme Appearance), you could add this:
The margin-top: 2px; increases the space between the button and the bottom of the textarea where you write your post. I noticed when testing that code, it was shoved up against the post box. You could increase that to 5px to shift it down some more. Let me know if you need more help with that
|
![]() |
|
| cl8ir8 | May 30 2008, 01:21 PM Post #5 |
|
Member
![]() ![]() ![]()
|
I managed to move the button and get it positioned perfectly in relation to the text input box. The only thing is that I can't figure out how to get it sitting next to the preview button.The post button floats in the center but the preview buttons is off to the left. Can you help again. Thank you so much for helping me. I appreciate it so much. |
![]() |
|
| Nicola | May 30 2008, 01:23 PM Post #6 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
In addition to the top margin, add: float: left; margin-left: 5px; That floats it to the left, and the left margin creates a gap between the two buttons
|
![]() |
|
| cl8ir8 | May 30 2008, 01:33 PM Post #7 |
|
Member
![]() ![]() ![]()
|
That did it!! thank you so very much for your help have a great rest of your Friday.
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Theme & CSS Help · Next Topic » |



![]](http://z3.ifrm.com/static/1/pip_r.png)


I managed to move the button and get it positioned perfectly in relation to the text input box. The only thing is that I can't figure out how to get it sitting next to the preview button.
7:21 PM Jul 10