by KimW
11 replies
  • WEB DESIGN
  • |
Admittedly possibly not the best place to ask for this kind of help,but what the heck.
I have a worpress site that I made a page on.
It consists of a picture and a few lenes of text.
For the life of me I can't get the text to center align.
Any thoughts or ideas?
The site is at www.thekidneywalkers.com

Thanks
#page #wordpress
  • Profile picture of the author wevo
    I checked your page - it's being affected by your image. Try to resize your image.
    {{ DiscussionBoard.errors[2692523].message }}
  • Profile picture of the author KimW
    thanks,will do.

    Edit: I resized the picture and the text still wont align properly.
    Signature

    Read A Post.
    Subscribe to a Newsletter
    KimWinfrey.Com

    {{ DiscussionBoard.errors[2692702].message }}
    • Profile picture of the author SmartWeb
      Originally Posted by KimW View Post

      thanks,will do.

      Edit: I resized the picture and the text still wont align properly.
      Resizing the picture would not help. You need to use <DIV> tags to align both picture and text.

      try using like this,

      <DIV align="center">
      your photo and text
      </div>

      if still problem then send me the HTML of the wordpress post, i can send you the modified HTML of that post.
      {{ DiscussionBoard.errors[2693163].message }}
  • Profile picture of the author wevo
    Look for this in your CSS:

    div.post and add text-align:center;
    {{ DiscussionBoard.errors[2692853].message }}
  • Profile picture of the author KimW
    It looks fine in the editor mode, it only gets out of place when published.
    Its midnight where I am, will try to fix tomorrow,if I can't will send you the html,thanks.
    Signature

    Read A Post.
    Subscribe to a Newsletter
    KimWinfrey.Com

    {{ DiscussionBoard.errors[2693337].message }}
  • Profile picture of the author SmartWeb
    Sure, let me know. i would help you.
    {{ DiscussionBoard.errors[2693468].message }}
  • Profile picture of the author KimW
    I think it worked! ( In my browser it looks like it did at least.
    I put in
    <DIV align="center">
    underneath a div tag already there and it looks good.
    Thank you for the help.
    Signature

    Read A Post.
    Subscribe to a Newsletter
    KimWinfrey.Com

    {{ DiscussionBoard.errors[2694557].message }}
    • Profile picture of the author SmartWeb
      Originally Posted by KimW View Post

      I think it worked! ( In my browser it looks like it did at least.
      I put in
      <DIV align="center">
      underneath a div tag already there and it looks good.
      Tank you for the help.
      Glad to see your problem solved. i saw the site. i think you can also do this for image.
      {{ DiscussionBoard.errors[2694590].message }}
      • Profile picture of the author Sacredvoyage
        This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.
        {{ DiscussionBoard.errors[2699570].message }}
  • Profile picture of the author Evan-M
    add this code to your css file , it is the code that works with the built in WordPress editor.

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    Signature

    Evan-M

    Easily The Worlds Best Wordpress Popup plugin

    Visit Website Design Firm For All Your Wordpress Coding Needs

    {{ DiscussionBoard.errors[2694572].message }}
  • Profile picture of the author KimW
    "This support forum is for blogs hosted at WordPress.com..."

    Uh, I don't have a clue where you get this idea from but you are not correct.

    For those that have helped me, I have fixed the page,but the problem is still there.

    I am not confident enough to change my css file and I don't have a clue where to put this code (if it will indeed fix the problem).

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    Signature

    Read A Post.
    Subscribe to a Newsletter
    KimWinfrey.Com

    {{ DiscussionBoard.errors[2700583].message }}

Trending Topics