Title: Help, HTML within Posts Messed Up Last modified: August 19, 2016 --- # Help, HTML within Posts Messed Up * [itwasluck3](https://wordpress.org/support/users/itwasluck3/) * (@itwasluck3) * [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/) * Okay, so when I installed wordpress on my blog (www.aceoftech.com) it was nice, but it didn’t have a ranking system or a comments box. So looking into some plugins I found a good ranking system. My first problem is that I can’t get it to indent with my text. Look below for the image. I want it to be equal with that red line. I tried using all the html codes I know, and still no luck. * [http://img72.imageshack.us/img72/3911/helphy3.png](http://img72.imageshack.us/img72/3911/helphy3.png) * Secondly, I just figured out how to get a comments link to appear that either says Comments [0] or Comments [1] and up and up… but the only problem I have is, I want it to be right aligned on the same link as the ranking system I have from above. As you can see from the image above, I have created a small mockup of what I want it to look like. And below is what I want it to look like in the end. * And here’s the photo of what I would like it to look like: * [http://img407.imageshack.us/img407/5825/help2fb0.png](http://img407.imageshack.us/img407/5825/help2fb0.png) * Also, I know I have posted a very similar topic like this before, but I recently updated the plugin I use for both comments and ratings and its reverted back… please help. Viewing 6 replies - 1 through 6 (of 6 total) * Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/) * (@itwasluck3) * [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/#post-795520) * Pardon me if I am unaware of a bumping rule but with as many posts that go by here I am afraid this topic won’t get much exposure on page 15. * Help would be greatly appreciated. * [asfodel](https://wordpress.org/support/users/asfodel/) * (@asfodel) * [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/#post-795526) * It might help if you post a link to your site. The fix would depend on the theme you’re using. * Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/) * (@itwasluck3) * [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/#post-795528) * [http://www.aceoftech.com](http://www.aceoftech.com) * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/#post-795531) * > I tried using all the html codes I know, and still no luck. * itwasluck, WordPress’ editor uses a limited selection of code, and anything outside of this selection can become corrupted by the visual editor. * I would recommend trying the [Raw HTML](http://wordpress.org/extend/plugins/raw-html/) plugin, It has been a big help for me in adding code to posts and pages. * But you should totally be able to edit your theme’s stylesheet to get the effects you want. * Try looking at that part of your site with [Firebug](https://addons.mozilla.org/en-US/firefox/addon/1843), and see what kind of divs are around the offending elements that you can adjust in CSS to style it how you want it. * I see that on your site, the class for your rating element is “post-ratings”, so you could add a left margin or padding in CSS and it would line up with your text no problem. * It looks like the comments link is in a paragraph, so it is breaking down to it’s own line. If you lose the paragraph tags, or style them differently, you should be able to float it to the right, and get it on the same line as the rating bar. * You might have to open up the code for the plugin too, and add or remove a break or two to get it looking just right. * I would really try to resolve this by editing your style, and the plugins. Adding a little HTML is fine for a Page, but with Posts, it can get overwhelming! * Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/) * (@itwasluck3) * [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/#post-795551) * Thanks for the help, but I am still confused, when I say HTML codes I know, well thats practically none. So when you say “lose paragraph tags” and remove a break or two” I’m not 100% sure of how I’m supposed to do that. * I can get a copy of my index.php code that I can find through my theme editor in wordpress if you want. * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/#post-795569) * Sorry, the editor that WordPress uses, [TinyMCE](http://tinymce.moxiecode.com/), doesn’t take much code. It is more similar to [BBCode](http://en.wikipedia.org/wiki/BBCode), like you can use in the forum. * Here is an example of simplified code that WordPress uses: * ``` bolded text ``` * Here is an example of standard HTML code that gets broken in WordPress: * ```
centered text
``` * So to get anything like the second example to work in WordPress posts or pages, you have to install the Raw HTML plug in, and surround the raw code that you are writing in tags that Raw HTML recognizes. Raw HTML will then protect that code from TinyMCE. * Don’t edit your index.php file in your root directory. Make sure you are only editing files in the wp-content/themes/your-theme directory. Even there, you probably don’t need to edit that index.php file for anything. * You probably don’t need to edit anything in the plugin either, that would be an extreme measure. * For example, when I say add or remove a break, if you had installed a plugin that listed out the authors on your blog. It might look like this: * ``` Bob Steve Mary ``` * Let’s say the plug in is listing them out by adding a [linebreak](http://www.w3schools.com/TAGS/tag_br.asp) after each author. So if you wanted the authors to be in a row, separated by commas instead, you could replace that break with a comma and a space. * But you can probably do what you need to do by just editing the CSS of your theme. This will be the most painless and least destructive way to achieve what you want. * Start by [reading this article](http://codex.wordpress.org/Designing_Headers) in the documentation on editing a header. It is good info that will be applicable to what you are trying to do. * [Look at this part](http://codex.wordpress.org/Designing_Headers#Styling_the_Header), you could do something like that to style your ratings element. * Try this in theme’s stylesheet, it might bump your rating bar over: * ``` .post-ratings { padding-left: 10px; } ``` * As for the comments link, you need to lose the paragraph tags around it, or edit CSS so it doesn’t break to the next line. If you look at how they are boxed up in [Firebug](https://addons.mozilla.org/en-US/firefox/addon/1843), it will make more sense. * Here is a good reference for CSS if you need it: [http://www.cssbasics.com/](http://www.cssbasics.com/) Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Help, HTML within Posts Messed Up’ is closed to new replies. ## Tags * [aligned](https://wordpress.org/support/topic-tag/aligned/) * [Coding](https://wordpress.org/support/topic-tag/coding/) * [Comments](https://wordpress.org/support/topic-tag/comments/) * [html](https://wordpress.org/support/topic-tag/html/) * [left aligned](https://wordpress.org/support/topic-tag/left-aligned/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 6 replies * 3 participants * Last reply from: [Josh Leuze](https://wordpress.org/support/users/jleuze/) * Last activity: [17 years, 10 months ago](https://wordpress.org/support/topic/help-html-within-posts-messed-up/#post-795569) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics