text area buttons

how to lower this buttons and remove vertical slash

url: pinoywebmaster.punbbforum.com

Look for this in your CSS:

Code:

#text_editor_controls {
    margin: 10px 0px 0px 210px;
}

Change the numbers until you are happy with it.

@SLGray wrote:Look for this in your CSS:

Code:

#text_editor_controls {
    margin: 10px 0px 0px 210px;
}

Change the numbers until you are happy with it.

nothing happen

i guess this is not the code id

#text_editor_controls


my version is punbb

That is the code for punBB.

Try this:

Code:

    #text_editor_controls {
        margin: 10px 0px 0px 210px !important;
    }

@SLGray wrote:That is the code for punBB.

Try this:

Code:

    #text_editor_controls {
        margin: 10px 0px 0px 210px !important;
    }

i already try that adding important

i also try to change pixels but nothing happen

This code will add a nice feature to it, don't know if this is what you want:

Code:

.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
background: whitesmoke;
box-shadow: 0px 1px 0px gainsboro;
text-shadow: 0px 1px 0px white;
font-weight: bold;
font-family: Arial;
}

Will look something like this:


To remove those, I think it'll remove the only ones on the preview and whenever creating a thread or response, but not quick reply.

ACP >> Display >> Templates >> Posts & Private Messages >> Posting_body >>

Code:

{PATH_IMG_FA}wysiwyg/separator.png

Remove that from every image html code.

@Sir Chivas™

its not that, its the editor control mark by red box

I don't see it like that? What browser are you using?
http://awesomescreenshot.com/05216842ac


Ignore the CSS, use the rest of the post to guide you on how to remove those vertical dash lashes.

Give this a try:
Go to ACP > Display > Templates > General > viewtopic_body . (Add this at the very bottom of the viewtopic_body)

Code:

<style>
img[src="http://illiweb.com/fa/wysiwyg/separator.png"] {
  display: none;
}
#text_editor_controls {
position: absolute !important;
margin: 0 !important;
margin-left: 200px;
}
</style>

Just play with the value, 200, until you get contented.

its work but did not remove the vertical slash


how about the new topic, how to stretch the text field and will not affect to quick reply

1. Then try to add this to your CSS:

Code:

img[src="http://illiweb.com/fa/wysiwyg/separator.png"] {
  display: none;
}

2. For the reply in full mode, try this:
- Go to ACP > Display > Templates > Post and Private Message > posting_body .

Add this at the very bottom part:

Code:

#textarea_content dd.frm-textarea iframe#text_editor_iframe, dd.frm-textarea #text_editor_textarea {
width: 300px !important;
}


Just play with the value, 300.

Code:

#textarea_content dd.frm-textarea iframe#text_editor_iframe, dd.frm-textarea #text_editor_textarea {
width: 300px !important;
}

not working

I'm sorry, use this one:

Code:

<style>
#textarea_content dd.frm-textarea iframe#text_editor_iframe, dd.frm-textarea #text_editor_textarea {
width: 300px !important;
}
</style>


its worked! thanks bro


its solve now,.