WordPress.org

Ready to get started?Download WordPress

Forums

Ultimate TinyMCE
[resolved] BLUE border (9 posts)

  1. kamhang
    Member
    Posted 1 year ago #

    In Ultimate TinyMCE >> screenshots, the screenshot 1 shows the word "BLUE" with blue border.
    How can i add the border around the text?

    http://wordpress.org/extend/plugins/ultimate-tinymce/

  2. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    Hi,

    Go into the settings for Ultimate Tinymce and make sure you have the "styleprops" button enabled. (It looks like two little "a"s imposed over each other.)

    Then, go back to your editor... select the text where you want to create the border... and click the button.

    Now, click the "border" tab in the new popup window.

    Here... you can specify pretty much everything having to do with a border.

    Lastly... click "Apply"... and revel in your glory!!

  3. kamhang
    Member
    Posted 1 year ago #

    Hi Josh,

    Thanks for your prompt reply.
    I enabled "styleprops" button. we can set "style" "width" & "color"

    when i set the border, the html is something like <p style="border-style: solid;">BLUE</p> the border is around all text.

    I just want to set the border around one word, as the screenshot.

    Would you please more detailed guideline?

  4. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    I'm not sure I follow what you are saying.

    Can you please provide a screenshot of what is happening?

  5. kamhang
    Member
    Posted 1 year ago #

    Hi Josh,

    please take a look at http://2672.com/wordpress01/?p=30
    the upper image is from your screenshot, the lower red boarder is created by me.

    I would like to create the border exactly as your screenshot, blue border around the word "BLUE".

  6. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    Okay, I'm so brain dead right now, I can't even remember how I did that originally.

    But... here is a way I know works.

    1. Make sure you have the "HTML5 Tags" button enabled.
    2. Select the text.
    3. Click the button.
    4. Click the <span> button.
    5. In the "style attributes" box... include the border statement: border:1px solid #0000FF;

    Click Update... and it will apply it to just the selection rather than the entire block.

  7. kamhang
    Member
    Posted 1 year ago #

    Hi Josh,

    It works. Thanks.

  8. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    You bet.

    (Please mark thread as resolved)

  9. kamhang
    Member
    Posted 1 year ago #

    thanks.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.