Post does not look like what I see in the editting page

  • Author
  • #586438

    1. I want the typeface to be Times New Roman and it shows as something else on the post.
    2. I want the paragraphs to be aligned to the left and they appear aligned to both right and left, which leaves many white spaces in the middle of lines.
    3.I want to picture to be without a frame, as it shows in the editing page, but it appears with a frame in the post.

    Please help,

    Thank you,

    The blog I need help with is



    The blog linked to your username is empty. Is that the blog in question or not? Please post the complete URL for the blog you are referring to starting with http://


    We need a link to the blog you are talking about. The one linked to your username only has the original hello world post.



    G’day to you :)


    The URL is:

    The post is in the page: About

    I am just starting, so I wrote the “About” page first.

    There is no post in the main page yet.

    Thank you,



    Okay. If you are expecting to be able to click a button and change fonts throughout your blog then it’s not that easily done. There are 4 ways to change fonts on blogs.
    (1) Changing font colors and size on posts or pages either post by post or page by page
    (2) Changing font colors using the #4 icon
    (3) Changing font families using TypeKit Fonts
    (4) Changing font families, colors & sizes by purchasing an annually renewable CSS editing upgrade and doing the work yourself

    Note: You may not like the fonts supplied your theme but it’s important to know that regardless which fonts you may wish to choose to jazz up your blog with, your browser and your visitors’ browsers can only use the fonts installed in the same computer. Read more here >



    Oops sorry about the links I forgot to click a space between them

    Read more here >


    First off, the editor is not WYSIWYG. It is a rich text editor, but it does not reflect the CSS styling of the theme in the editor window itself.

    Each theme is different, it depends on what has been declared in the CSS for each theme. Standard HTML tags for fonts and such are now being replaced by inline CSS as it affords much greater flexibility, so I can give you that code and tell you how to implement it into your pages and posts, but it will have to be done manually for each post and page since the CSS for the theme you have chosen uses a different font. The easiest way to do all this is to wrap the entire post in div tags and then put the inline CSS into the div. Basically you would write your post, and then when happy with the content, switch to the HTML editor and add the following on a blank line above all the content.

    <div style="font-family: "Times New Roman"; font-size: 1.5em;>

    Then you would scroll down to the very bottom of the post and put this at the very end after all the text.


    The font size you can play with to get it like you want it. Doing it this way means you only have to write one little bit of code instead of having to do spans and such. Also, the span tag is typically used only for a word, or a few words rather than for entire paragraphs.

    What might be better for you, if you are going to continue with this theme but want to use a different font for everything, would be to use a blog client such as Windows Live Writer or BlogDesk for Windows, or Ecto for Mac.

    The other alternative if you have any CSS experience would be to get the CSS upgrade and change the font and font size there so that you did not have to do it on a post by post and page by page basis.

    Either that or consider switching to a theme that already uses a serif style font.


    Thank you, timethief


    I still do not know how to have left alignment and eliminate the frame of the pictutre.



    On the image border thing, add this right after the <img tag in the HTML for the image

    style="border: medium none;"

    Also go to settings > writing and select “WordPress should correct invalidly nested XHTML automatically” and click save changes. This will correct any errant HTML errors that might slip past you.


    Again, your current theme uses full justification to fix that, use the following instead of the one I put in above to override that and give you standard left alignment.

    <div style="font-family: "Times New Roman"; font-size: 1.5em; text-align: left;">


    Thank you so much, thesacredpath.
    Have you read the “About”?




    Hello again,
    Here’s so feedback. I skimmed your About page — forgive me but I’m already reading over 200 blogs and I did not choose to read.

    I am visually challenged. What I did immediately when I clicked into your About page was to hold down the Cntrl key on my keyboard and simultaneously click the – (minus sign) key so I could reduce the size of the font. Did you know that we can all change the size of the font displayed on any website?


    @intuitive, I scanned your about page and have it open in a new tab so I can read it when my morning rush of emails and fires are put out.


    I can make it smaller from the editor page. Maybe I made the font too big? I have to think about it.

    I thank you for any remark,


    Bless you,


    You are welcome, and if you decide to go with the custom CSS upgrade we can help to get the site looking like you want it so that you do not have to worry about entering code for every post and page.


    Dear thesecredpath,
    I’ll check it out and think about it.


    You are welcome.

The topic ‘Post does not look like what I see in the editting page’ is closed to new replies.