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.

text area buttons

View previous topic View next topic Go down

Solved text area buttons

Post by zenzo on April 17th 2013, 2:29 am



how to lower this buttons and remove vertical slash

url: pinoywebmaster.punbbforum.com

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: text area buttons

Post by SLGray on April 17th 2013, 2:33 am

Look for this in your CSS:
Code:
#text_editor_controls {
    margin: 10px 0px 0px 210px;
}
Change the numbers until you are happy with it.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35627
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: text area buttons

Post by zenzo on April 17th 2013, 2:47 am

@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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: text area buttons

Post by SLGray on April 17th 2013, 3:09 am

That is the code for punBB.

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


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35627
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: text area buttons

Post by zenzo on April 17th 2013, 3:23 am

@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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: text area buttons

Post by Sir Chivas™ on April 17th 2013, 4:33 am

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 >> Edit

Code:
{PATH_IMG_FA}wysiwyg/separator.png
Remove that from every image html code. Wink



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

Solved Re: text area buttons

Post by zenzo on April 17th 2013, 5:01 am

@Sir Chivas™

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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: text area buttons

Post by Sir Chivas™ on April 17th 2013, 5:33 am

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.



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

Solved Re: text area buttons

Post by E-Mark on April 17th 2013, 9:40 am

Give this a try:
Go to ACP > Display > Templates > General > viewtopic_body Edit. (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.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: text area buttons

Post by zenzo on April 17th 2013, 4:22 pm

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


zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: text area buttons

Post by E-Mark on April 17th 2013, 4:40 pm

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

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.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: text area buttons

Post by zenzo on April 17th 2013, 5:05 pm

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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: text area buttons

Post by E-Mark on April 17th 2013, 5:08 pm

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>

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: text area buttons

Post by zenzo on April 17th 2013, 5:32 pm

its worked! thanks bro


its solve now,.

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: text area buttons

Post by Jophy on April 17th 2013, 6:05 pm

Hello,

You can let us know if your problem/issue is solved by editing your topic using the edit button and by clicking the solved icon then send. Wink

Thank you Smile

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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