Skip navigation
AvaloDesign
AvaloDesign Calculating status...
Currently Being Moderated

Customizing WYSIWYG Styles

Aug 15, 2012 12:18 AM

Categories: How to - HTML/CSS/JavaScript, General Discussion Tags: #customize #wysiwyg #h2 #h1 #h3 #custom_styles #h4 #h5 #h6

Hello all,

I'm struggling to understand how, precisely, to control the styling choices presented to my client in the WYSIWYG. I'd like to limit the styles to a small handful and to specify some basic h1-h6 tags.  After fiddling around in partner portal, these options do not seem to show up under the "Description" WYSIWYG in Web apps.

 

Any tips are appreciated.

Thank you!

Brian

515 Views   8 Replies   Latest reply: AvaloDesign, Sep 5, 2012 8:15 PM
 
Replies
  • Liam Dilley
    4,230 posts
    Feb 28, 2012
    Currently Being Moderated
    1. Liam Dilley,
    Aug 15, 2012 12:53 AM   in reply to AvaloDesign
    Report

    Hi Brain,

    So you have done the following?

     

    - Created your css styles that you wish to use in your css. These need to be .something {} with nothing else, no extra css values and no element in front?

    - You have gone into the partner portal - tools  - online editor settings - chosen the site.

    - you gone to th editor apply CSS tab and entered the css .something as an option for the dropdown.

     
    |
    Mark as:
  • AvaloDesign
    Currently Being Moderated
    2. AvaloDesign,
    Aug 15, 2012 9:14 AM   in reply to Liam Dilley
    Report

    I did steps 2 and 3, not sure I understand the first step. How will the content have any styling if my css looks like this:

     

    .something{}

     

    Shouldn't it look like .something { padding: 10px; color: green; } or something similar? Or am I misunderstanding you?

     
    |
    Mark as:
  • Liam Dilley
    4,230 posts
    Feb 28, 2012
    Currently Being Moderated
    3. Liam Dilley,
    Aug 15, 2012 1:45 PM   in reply to AvaloDesign
    Report

    Yes, the example I gave was for the first part, It's an example. as I mentioned you can't say div.somwthing because the editor won't pick it up, and too with the examples.

    If you have added them etc they do show up in the drop, it's currently working for me. Ensure those steps are done, try logging out and clearing cookies and cache for the site and log back in.

     
    |
    Mark as:
  • Mihai_Tica
    Currently Being Moderated
    4. Mihai_Tica,
    Aug 17, 2012 6:25 AM   in reply to Liam Dilley
    Report

    One more thing - if you define a bunch of selectors in the PP but the current page does not contain any elements to match those selectors they will not be shown in the WYSIWYG editor list. For example, as Liam said, if you define in PP .something but the current page does not have any elements with that class assigned, ".something" will not appear in the WYSIWYG drop down.

     
    |
    Mark as:
  • AvaloDesign
    Currently Being Moderated
    5. AvaloDesign,
    Sep 3, 2012 6:12 PM   in reply to Mihai_Tica
    Report

    I ended up contacting support on this because I was configuring my files/settings correctly and not seeing the right result. Still waiting to hear back...

     
    |
    Mark as:
  • Liam Dilley
    4,230 posts
    Feb 28, 2012
    Currently Being Moderated
    6. Liam Dilley,
    Sep 3, 2012 7:02 PM   in reply to Mihai_Tica
    Report

    Not Page not MihaiTica - Template the page is using.

     
    |
    Mark as:
  • Liam Dilley
    4,230 posts
    Feb 28, 2012
    Currently Being Moderated
    7. Liam Dilley,
    Sep 3, 2012 7:02 PM   in reply to AvaloDesign
    Report

    It is working, there will be something your doing incorectly or not doing.

     
    |
    Mark as:
  • AvaloDesign
    Currently Being Moderated
    8. AvaloDesign,
    Sep 5, 2012 8:15 PM   in reply to Liam Dilley
    Report

    To the contrary, at least for my account:

     

    We have confirmed it is an issue, and have created a ticket with our development team to investigate and resolve this.


    The ticket number is 3324822 for your reference.


    Whilst I don’t have a firm date for this to be corrected, I have added your case number to the development ticket and you can check

    if it was fixed on our blog - http://businesscatalyst.com/_blog/BC_Blog/ after every release.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points