2

Does anyone know why or have ever experienced WYGWAM taking styles from their css file? I recently moved EE from one server to another and on the new server the WYGWAM entry field is taking styles from my css. Can anyone offer any help to why this is happening and how to fix it? (See attached image for better explanation)

WYGWAM Screen Dump

WYGWAM Editor Settings

Source from CP

Screen grab from Safari inspector

Thanks. Stephen.

Improve this question
12
  • 1
    Hey Stephen - what version of EE and Wygwam are you using? And are you using? And are you using any Overrides or extensions/accessories that modify the CP?
    – Lisa
    Commented Feb 26, 2013 at 20:48
  • 1
    Hi Lisa, I'm using EE 2.5.5 and WYGWAM 2.7. I'm using Freebie but not sure that modifies the CP. The add-ons I am using are: WYGWAM, Structure, Simple Math, SEO Lite, Matrix, Low Yearly Variables, Freeform, Freebie and Assets. The only new one on there that wasn't on dev is Reelocate - used to change paths automatically after server move. Thanks.
    – Stephen O'Connor
    Commented Feb 26, 2013 at 20:55
  • 1
    If you look in the dev console, do you see the CP calling your CSS? Also, can you post a screenshot of your Wygwam module settings? Thank you!
    – Lisa
    Commented Feb 26, 2013 at 21:08
  • Updated my original post with more images. The CP only calls my css in one place, near the very end of the document, screen grab attached but not sure how legible it is .... thanks.
    – Stephen O'Connor
    Commented Feb 26, 2013 at 21:22
  • 1
    I am curious - if you remove the reference to your custom CSS File - does that change this issue at all?
    – Lisa
    Commented Feb 26, 2013 at 22:09

1 Answer 1

Reset to default
0

I think it's an intentional feature of Wygwam to style the content using your website CSS so when editing it can look exactly like the live content will. At least that's how I always set it up.

I've find the best method for this is:

  1. Point it to your default CSS file but also supply so Wygwam-only overrides to tweak how it looks in the editor window (e.g. I often add padding to text doesn't hit the left side of the box) or,

  2. Provide it with a special Wygwam only stylesheet that is a simpler modified version of your default styles.

Improve this answer
1
  • Hi Benek, thanks for the response. I didn't realise that you could style the WYGWAM field, I will make a WYGWAM specific stylesheet that isn't 100% like my site but takes in the suggestions you have offered. Thanks again.
    – Stephen O'Connor
    Commented Mar 1, 2013 at 15:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.