10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

Wordpress Formatting Issues

by Dean Jackson
8 replies
  • WEB DESIGN
    • |
Hey guys, I have been racking my brain with wordpress trying to get HTML in there without it getting jacked up by the visual editor...

Anyway, I stumbled upon a plugin called "raw html" which is a gift from the wordpress gods!

I still have trouble getting johnson boxes (haha I said johnson - I know, I won't quit my day job)to align in the middle. When I switch from HTML to Visual it just loses it <div align="center"> tag and goes back to the left automatically.

However when I save as HTML without switching, it works... very annoying!

For some reason, the raw html plugin doesn't work for this. I am just going to stick to using the quotes as johnson boxes because I don't have time to mess around with the code.

My question is this: Do you know why this happens, and if so, how do I work around it?

Best regards,
Dean
#formatting #issues #wordpress
  • Profile picture of the author rosetrees
    I don't know why that happens - but just a thought - have you tried using a table instead.

    I often use them in Wordpress as a way of making sure things line up and stay where I put them!
    {{ DiscussionBoard.errors[3612022].message }}
    • Profile picture of the author joebel
      So just stick in the way it will works.

      Try to check the plug in if it is compatible in your Wordpress version or check the plug in if it is really activated.
      {{ DiscussionBoard.errors[3612204].message }}
  • Profile picture of the author Sparklesperson
    Originally Posted by Dean Jackson View Post

    Hey guys, I have been racking my brain with wordpress trying to get HTML in there without it getting jacked up by the visual editor...

    Anyway, I stumbled upon a plugin called "raw html" which is a gift from the wordpress gods!

    I still have trouble getting johnson boxes (haha I said johnson - I know, I won't quit my day job)to align in the middle. When I switch from HTML to Visual it just loses it <div align="center"> tag and goes back to the left automatically.

    However when I save as HTML without switching, it works... very annoying!

    For some reason, the raw html plugin doesn't work for this. I am just going to stick to using the quotes as johnson boxes because I don't have time to mess around with the code.

    My question is this: Do you know why this happens, and if so, how do I work around it?

    Best regards,
    Dean
    Make it a graphic - set it up in your regular html editor, take a screen shot, trim it up in say, gimp, save as a jpeg, then center the image. Link the whole thing.
    Signature

    Happy Trails!
    Patricia Reszetylo
    http://FreeHorseGifts.com

    {{ DiscussionBoard.errors[3612449].message }}
  • Profile picture of the author christopher jon
    My question is this: Do you know why this happens, and if so, how do I work around it?
    The visual editor automatically cleans up and changes your code. It's just the way wordpress works.

    The CSS of your theme can also cause conflicts. Can you center images at all? If not, slapping something like this...

    .alignright, img.alignright, a img.alignright {
    float:right;
    margin: 5px 0px 0px 15px;
    }

    .alignleft, img.alignleft, a img.alignleft {
    float:left;
    margin: 5px 15px 0px 0px;
    }

    .aligncenter, img.aligncenter, a img.aligncenter {
    display: block;
    margin: 0px auto;
    margin-top: 5px;
    margin-bottom: 20px;
    }
    ... into your CSS file should solve the problem. Of course, that could also cause conflicts with the rest of your theme.
    {{ DiscussionBoard.errors[3612562].message }}
  • Profile picture of the author richrajeevkistoo
    or you could try the link below and get it sorted out for free.

    I hope this is not coming out as spam, it is genuine help to businesses.

    Thanks
    Signature
    {{ DiscussionBoard.errors[3612867].message }}
    • Profile picture of the author LA Grouch
      You should be using proper html and manually placing in the editor using HTML mode.

      <div style="text-align: center;">

      WP won't dump this.
      {{ DiscussionBoard.errors[3613202].message }}
      • Profile picture of the author Steve Wells
        Originally Posted by LA Grouch View Post

        You should be using proper html and manually placing in the editor using HTML mode.

        <div style="text-align: center;">

        WP won't dump this.
        I believe that you are correct, because if you format it all correctly in html, with css and add the css styling related to the html code formatting that is dropped into the html editor it should all work out fine.... as long as the css for the drop in, does not conflict name wise or tag wise with the orgiginal css of the theme....
        Signature
        Need Custom Graphics Work? - Message Me For A Design Quote!
        {{ DiscussionBoard.errors[3615631].message }}
  • Profile picture of the author haymanpl
    Switch off the visual editor in your profile page and it will be fine

    It just doesn't save if you switch and try to save afterward with html, iframe, javascript. Its not the best editor and they need to improve it
    {{ DiscussionBoard.errors[3617434].message }}

Trending Topics