Announcement

Collapse
No announcement yet.

WYSIWYG Editor Margins

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Taragon
    replied
    If it's actually located there, since my first reply was only based on past experiences!, no.

    I'm afraid some bits and pieces of the vb styles are strangely enough hard coded.

    Edit: now I think of it, using '!important' might work... I however have no experience with this.
    http://www.w3.org/TR/CSS2/cascade.html#important-rules

    Leave a comment:

  • KPC7748
    New Member

  • KPC7748
    replied
    Originally posted by Taragon View Post
    It's quite hard to find, but I suggest to browse your templates, stylesheets and files for this piece of info:
    HTML Code:
    <head>
    <style type="text/css">
    1.wysiwyg { margin: 5px 10px 10px !important; padding: 0px !important; background: rgb(245, 245, 255) none repeat scroll 0% 0% !important; -moz-background-clip: -moz-initial !important; -moz-background-origin: -moz-initial !important; -moz-background-inline-policy: -moz-initial !important; color: rgb(0, 0, 0) !important; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; font-size: 10pt !important; line-height: normal !important; font-size-adjust: none !important; font-stretch: normal !important; -x-system-font: none !important; }
    2.wysiwyg a:link, .wysiwyg_alink { color: rgb(34, 34, 156) !important; }
    3.wysiwyg a:visited, .wysiwyg_avisited { color: rgb(34, 34, 156) !important; }
    4.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: rgb(255, 68, 0) !important; }
    5 p { margin: 0px; } .inlineimg { vertical-align: middle; }
    </style>
    </head>
    I would start looking in the vbulletin_textedit.js

    Also, may I suggest Firefox + the Firebug extension
    Thank you, however is there any way to do it with out modifying FTP files?

    Leave a comment:


  • Taragon
    replied
    It's quite hard to find, but I suggest to browse your templates, stylesheets and files for this piece of info:
    HTML Code:
    <head>
    <style type="text/css">
    1.wysiwyg { margin: 5px 10px 10px !important; padding: 0px !important; background: rgb(245, 245, 255) none repeat scroll 0% 0% !important; -moz-background-clip: -moz-initial !important; -moz-background-origin: -moz-initial !important; -moz-background-inline-policy: -moz-initial !important; color: rgb(0, 0, 0) !important; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; font-size: 10pt !important; line-height: normal !important; font-size-adjust: none !important; font-stretch: normal !important; -x-system-font: none !important; }
    2.wysiwyg a:link, .wysiwyg_alink { color: rgb(34, 34, 156) !important; }
    3.wysiwyg a:visited, .wysiwyg_avisited { color: rgb(34, 34, 156) !important; }
    4.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: rgb(255, 68, 0) !important; }
    5 p { margin: 0px; } .inlineimg { vertical-align: middle; }
    </style>
    </head>
    I would start looking in the vbulletin_textedit.js

    Also, may I suggest Firefox + the Firebug extension

    Leave a comment:

  • KPC7748
    New Member

  • KPC7748
    replied
    That is the complete code actually, it is in the Extra CSS Attributes box. Do you know how to correct it?

    Leave a comment:

  • Wayne Luke
    vBulletin Technical Support Lead

  • Wayne Luke
    replied
    On its own, that code is invalid. What is the full code shown in CSS for the .wysiwyg class?

    Leave a comment:

  • KPC7748
    New Member

  • KPC7748
    started a topic WYSIWYG Editor Margins

    WYSIWYG Editor Margins

    This extra CSS works in Internet Explorer, but only displays the border and not the margins in Firefox. Is there a way to fix this code so there are no margins in the WYSIWYG Editor typing box while using Firefox?

    border: 1px solid #000000;
    {
    margin-left: 0px;
    margin-top: 0px;
    }
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X