I’ve set up a rich text item, applied the WebYep Rich Text action, created a separate wystyles_page, etc., following the manual’s instructions. The simple test page I am working on appears to upload fine and all the styles from the dedicated style sheet I created show up in TinyMCE. When I assign the individual styles to respective text items within TinyMCE, they all show correctly in the TinyMCE window, but when I hit “save” and go back to the website, the items show as default fonts, colors and sizes. I’ve tried troubleshooting it to the best of my ability, but to no avail. Can someone advise? Thank you.
Hi. Thank very much for replying and your offer to help. I’ve been on the go non-stop since my original post and am just able to get back to it now. Here is the link. It includes a screen shot of what it is supposed to look like. http://rsidcms.rsidentitydesign.com/
I kept everything simple so it would be easy to troubleshoot (less things to rule out).
I created 2 text boxes, one directly with the action, and the other adding the action to an existing text box to see if there would be a difference.
As you will see, none of the richtext webyep items view correctly on page 1 and the word “Heading” on the right is super tiny. However, on page 2 the word “Body” shows up as it should.
It would appear that you are not creating the stylesheet page correctly as the styles are not being included. I am not familiar with creating the stylesheet page but should it be suffixed .html?
The reason that the body style works in Page 2 is because that style is included in the FW page’s own stylesheet.
One way of getting this to work would be to add these styles into your FW page.
In Page>Html Markup choose the Before section and paste the following code
Hi David. Thanks. The style sheet page is suffixed .htmI, but something else probably isn’t set up correctly with that page. I’ll look into it and report back. I’m determined to get this to work!
Thanks, again.
Cheers!
Hello. Update: The styles take effect when I launch TinyMCE in FireFox, but not in Safari, or at least not consistently (sometimes they take, sometimes not). That said, I still think the root of the problem lies in my wystyles_page set-up. Still working on it.
Hi Miktig
Just a had a look at what you are trying to achieve, and unfortunately your linked style sheet has some errors in it. This is whats wrong:
The style sheet you have linked to “wystyles_page.html” isn’t a .css style sheet its an html page which has styles within the head, unfortunately this wont work as it needs to be referenced as a proper .css stylesheet and it shouldn’t have all the other tags that are part of an html page construction e.g. tags and tags.
The second problem is the styles you have created .Largehead.Subhead start with capitals, you would need to change these to be lowercase as TinyMCE doesn’t like style names with an initial capital
I’m not sure what you want the style .body to do… but I am assuming you want any text that isn’t a .largehead style or a .subhead style to use the default body style? If so you need to create a style for the p tag (no dot) and ad that to the style sheet. What will happen is that all text that hasn’t had a style applied to it will use the default paragraph style.
Thanks for your help, I appreciate it. It’s working now (or so it seems). Long story short, I hadn’t turned on “external style sheets” in the document setup panel, so the rich text boxes weren’t linking to the proper external css file. I found a couple of other glitches too.
Btw, these are test pages and not associated with a real project, so I wasn’t assigning proper h1 heads, p tags, etc. I just made and applied different styles to figure out how get it to work.
