Why does my post look so different from the preview when published?

  • Unknown's avatar
    itoccurstome · Member ·

    I have placed my first post on my new blog using Imbalance 2 as the theme. I chose the fluid width option. When I preview the post or view it from the admin site, the format looks great. However, when I view it by simply typing in my blog site address, it is formatted very differently and is partially cut off, without a way to view the rest of the content. I have refreshed my page, cleaned my cache and cookies with no change. I’d greatly appreciate any help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Your username is not linked to a blog wearing Imbalance 2. it’s linked to a blog wearing Pool. May we please have a link starting with http:// to the blog in question?

  • Unknown's avatar
    itoccurstome · Member ·

    So sorry. The blog is http://kathythemusical.wordpress.com/

  • Unknown's avatar
    adrienfoodinparis · Member ·

    I have the same problem : my blog look different from I see from the text editor
    For example I set the “adresses” format and all the adresses appears with a line beetween each… looks so different from my screen

  • Unknown's avatar
    adrienfoodinparis · Member ·

    I tried this on different browser and it is still the same thing…

    I noticed this problem on the post which includes photos, is it normal ?

  • Unknown's avatar
    raincoaster · Member ·

    We need more details: give us the URL of a particular post, where the images are supposed to show up, and all the different formats you see in preview.

  • Unknown's avatar
    adrienfoodinparis · Member ·

    Thanks raincoster for your hel^p

    this is an example :
    http://foodinparis.wordpress.com/2012/12/11/st-ouen-ma-cocotte/

    in the preview, there is no space at the end beetween all the 5 lines concerning the adress

    Am I clear ?

  • Unknown's avatar
    raincoaster · Member ·

    I’m afraid not. The post actually looks pretty good to me. Can you explain exactly what you see in the post and exactly how you want it to be different?

  • Unknown's avatar
    justpi · Member ·

    @itoccurstome: If you’re talking about the difference between the single-post view and the blog front, that’s normal in the theme you’re using. On the blog front, the link to the full post is the post title.
    What you should correct is your widgets: you put too many widgets in the Header area, so the blog front looks empty. You need to transfer most of them to the footer area.

    @adrien7575: I don’t think you have the same problem at all.
    a) The visual editor is a generic tool: it works the same way and displays things the same way, no matter what the theme (with some exceptions); it does not represent exactly what you’ll see in the actual post (because the appearance of various elements varies from theme to theme).
    b) As for the address format on this post:
    http://foodinparis.wordpress.com/2012/12/11/st-ouen-ma-cocotte/
    you didn’t do it correctly so it’s a bunch of separate addresses instead of one address. This is the code of that part of the post: 

    <address>Ma Cocotte</address>
<address>106 rue des rosiers</address>
<address>93400 Saint Ouen</address>
<address>01 49 51 70 00</address>
<address><a href="http://www.macocotte-lespuces.com/" rel="nofollow ugc">http://www.macocotte-lespuces.com/</a></address>
<address> </address>
<address> </address>

    You need to switch the editor to Text (=code) and delete all the address tags except the initial opening one and the final closing one. In other words, it needs to be like this: 

    <address>
LINE 1
LINE 2
LINE 3
LINK
</address>

    If you ever need to do that again, type all the lines first then highlight all and select Address from the Format tool.

  • Unknown's avatar
    adrienfoodinparis · Member ·

    I see the different lines at the end with spaces beetween
    Example :
    Ma Cocotte

    106 rue des rosiers

    93400 Saint Ouen

    Instead of (what I see in the preview and what I would like) :
    Ma Cocotte
    106 rue des rosiers
    93400 Saint Ouen

  • Unknown's avatar
    raincoaster · Member ·

    Then hold down the Shift key when you hit Enter.

  • Unknown's avatar
    adrienfoodinparis · Member ·

    Thanks all for your help ! it works now !
    I will not hesitate to switch the editor to code… even if I’m a beginner I see the logic or not…

    I will check by mysel if I can resolve the other problems I have that are all the same (space lines between text) in other post, not necessary in adress fields..

    Many thanks for your help

  • The topic ‘Why does my post look so different from the preview when published?’ is closed to new replies.