I'm creating a theme with Diazo for plone4. I noticed that TinyMCE when in edit mode doesn't respect the style of the site. It seems more "raw" with basic font and header style (h1, h2, etc).
What's wrong?
Thank's
TinyMCE sets up the content to be edited in an iframe and loads a stylesheet called ##tinymce-getstyle, which is actually a browser view that includes the stylesheets that are registered in portal_css.
I've had the most success with Diazo when I register my stylesheets in the Plone stylesheet registry (portal_css), and then add Diazo rules to copy them into the head of my theme.
Disadvantage:
You can no longer edit the theme on its own apart from running via Plone.
Advantages:
The stylesheets are automatically merged and compressed.
TinyMCE can load the styles.
Related
I'm breaking my head, to change the size of my wordpress blog logo, because they say it is for the css style sheet, but any changes I make to the style sheet do not apply to my blog, even if I delete all style sheet my blog does not change, can anyone help me?
There are several things to consider:
If the changes you want to make are minor, just use theme editors css and js injection mechanics.
Second most common thing is syntax, to counter that just edit your current active themes style file and enter something like body background-color:{ red !important} to check if the changes are being made. Then check with your browsers developer tools to check if the changes are being made in the style file.
If you are using some caching plugin, turn it off until you are done working on the site changes.
Check if you are editing the right theme. You should check what theme is active in your themes section of the wordpress.
In the case where you are using a child theme and you are editing child themes style.css file, you should first enqueue the file. More info on that here
If you are hosting your website not on the shared hosting, but on private server, you should check your file permissions.
Hope this helps.
I've got a local server set up and i've been editing the CSS of my child theme in Dreamweaver. I've now seen, through the WordPress dashboard, the additional CSS area and the Appearance > Editor.
What's the difference between them and do I need to choose one and stick to it? I was testing some code in the additional CSS box and then erased it but now the stuff i'm writing in Dreamweaver isn't updating when i view my site through the WordPress dashboard.
Thanks
Custom CSS allows you to add your own styles or override the default CSS of a plugin or theme.
And CSS, or Cascading Styles Sheets, is a way to style and present HTML. Whereas the HTML is the meaning or content, the style sheet is the presentation of that document.
If your newly added style rules doesn't seem to work you need to need to perform some troubleshooting steps
Scan your style file for missing ";" which can prevent following style
rules from being recognised.
Use inspect feature of your browser check for conflicts , style rules that override the css that doesn't work.
Test from a different browser and make sure that the css file loaded in your browser is the correct version not a previously cached one.
Here is a useful reference https://codex.wordpress.org/CSS_Troubleshooting
Also read about css priority and specificity rules.
you can use "!important" as a quick fix but it is not considered as a good practice.
Customizer settings are stored in the database and loaded after the main styles, lastly loaded rules override same previous rules if it has higher spesifisity.
I'm using Avada template and create child theme. In style.css I don't have any solution to overwrite default .css styles from Avada. Only possible solution is using !important , anyone know how to overwrite Avada .css without using !important
Please use custom css option. You can write css here it would overwrite the Avada css. Please check out the documentation https://theme-fusion.com/knowledgebase/how-to-make-custom-css-changes/
You can make usage of the Custom CSS feature available in the backend or many of the blocks being used by the Fusion Builder, which comes with Avada, have the availability to configure certain design elements from within them.
If you do want to use a child theme, be aware that Avada uses many !important rules in their stylesheet while other styling is being handled by either the fusion builder or javascript logic.
I have been trying to edit a particular style in my theme. My browser inspect shows that that the stylesheet file is local/css/template.css, i navigated to the Joomla template customize panel to edit the style sheet but the changes i made is not reflecting. please help
View template.css in your web browser to check if you can see the change. You may need to clear the Joomla cache and any other caching (e.g. via your hosting control panel or your CDN control panel etc) before you see the latest version of the CSS file.
Alternatively, this may be a specificity issue.
I am using inline styles in spans because I am making an email CMS which means certain elements need to be styled inline so they will be universally read across email clients. What I encounter with Wordpress is bold injects <strong> italic <em> however underline injects <span style="text-decoration: underline;">
I want to be able to use span and the appropriate inline style property. The version of Wordpress I am using is bundled with tinymce, a wysiwyg editor. I read a little bit about overriding the formats for tinymce TinyMCE Formats
It looks like much of the tinyMCE is defined in this PHP include
/wp-includes/class-wp-editor.php
I am still not sure how to go about overriding the definitions. I was thinking there ought to be a way of overriding them in my theme's functions.php
The WordPress Codex has a whole page on TinyMCE Custom Styles, including code samples that should help get you started. You might also want to look at add_editor_style() to register a custom editor stylesheet to apply some of the styles within the editor window itself.