I am currently trying to remove inline styles that come from the wysiwyg in Wordpress. My problem comes from editors styling their blog posts and its looking terrible, the main culprit being font sizes.
I was wondering if anyone knew of a plugin for Wordpress? OR if anyone knows if it is possible to turn off CSS inline styles in tinyMCE?
http://tinymce.moxiecode.com/punbb/viewtopic.php?id=1522 might be what you are looking for. It's also possible in tinymce to have different levels of editor (minimal, regular, +kitchen sink). Perhaps using one of those may serve your purpose better.
Related
I put some CSS codes in WordPress Customize Appearance> Customize in my case Additional CSS option, but I don't know if it is safe to put them there or not, since if the theme may get updated I afraid of losing them.
You can add code safely to the customizer area, it's kept in place even when updating the theme. A Child Theme is nevertheless even more recommended due to the more granular control.
Yes, You can add your additional css there. This is meant to be there for the same reason and your code will not be washed out even after updating your theme or plugins or wordpress until you change the theme.
Is it okay to sometimes style blog post differently, using inline styling?
Changing font size, color, margins and so on for some elements in the specific blog post.
In my case, I have started making a long blog post, and I want to change a lot of styles just for that one post because I can make it more beautiful without touching child theme.
Is that a bad practice (from design and SEO perspective) or is it a normal way of doing things?
In general, inline styling is bad, it will be hard to manage for the long term. Most blogs attempt to maintain some sort of styling across all posts. This is easier to manage if you leverage an external CSS file.
WordPress is great to spin up a free web page fast. But later on you'll find it very limited. Still it's better than a web site with monthly payments (IMHO). For example a menu bar solution is provided without have to code everything from scratch. Great, but the font default was an ugly Times Roman. Ultimately I let the theme fonts stay the same in then Menu. Then down in the body I had to sprinkle My text body. everywhere below in the page. It was more cut and text paste pasting but easier than creating my own custom theme...
I'd like to edit the titles of the blog posts but can't see how to do this on Word Press. I've managed to make them bold but that's as far as I could get. I'd like to change the size and font and perhaps centre them.
This is the blog: http://www.movimientos.org.uk/blog/
(Also, if there's anything else you could suggest which you think would make the blog look a little nicer then any advice would be much appreciated!)
Thanks,
Helen
This essentially comes down to the theme that you use. And on which pages you want to make the edit. The best advice i can give you is go into your themes main folder and look at "single.php".
What you're looking for is a line that says:
<?php the_title ?>
It should be there along with around the same area. You should be able to style it yourself from there by seeing what classes are being used in that section.
There are many themes with a GUI to edit the entire header (logo,title, font, and more options), usually the "responsive" themes have this option.
Look for a new theme under "Appearance" section.
If you want to edit something specific you can also use the CSS editor too under appearance.
I try figuring out how to have a blank content in Drupal, no theme, no header...etc. Which approach should I use? Create a new theme? Create a new view? Install a suitable modules? What is the best way to solve this problem?
If I understand right you just want you content to be printed without any styles around it.
You could make a theme and strip the html.tpl.php, page.tpl.php and node.tpl.php files.
In addition i think you could make theme functions in you template file to remove all the html around fields.
This is easily achievable using pure CSS and Responsive Design principles. A nice concise definition of Responsive Design is:
"Responsive design is an approach to web page creation that makes use
of flexible layouts, flexible images and cascading style sheet media
queries. The goal of responsive design is to build web pages that
detect the visitor’s screen size and orientation and change the layout
accordingly." Source
This article is less than two months old and not only covers the principles, but gives examples and has links to tutorials.
So, the solution is: figure out when you want this bare display used, and create a CSS that will hide all of those elements using display:none;.
I am trying to have the Facebook comments on my site, and I would like to style it to match my sites design. Is it possible to include custom CSS to the comments, and if so, how would I do it?
Per Comments Plugin, you get two styling options, dark or light. There is no way for you to specify your own CSS.