WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS Problems With Image Alignment (8 posts)

  1. total14
    Member
    Posted 3 years ago #

    Hi all, I have searched the forum for this issue but to no avail.

    I have a theme specific problem with image alignments in posts - i.e. it does not work - when an image is left or right justified it will not have the text wrap around the images.

    I have checked the generated html in the html tab and everything is generated as it should be so i can only assume that there is some other attribute within the css that is causing the settings in the post to be overidden. I have an "ok" working knowledge of CSS and have tried to locate an offending attribute, I wondered if anyone has come across the same issue and resolved it??

    Iain

  2. total14
    Member
    Posted 3 years ago #

    P.S. I know its theme related as it works perfectly in twenty ten

  3. alchymyth
    Forum Moderator
    Posted 3 years ago #

    if it is theme related, a useful information to give would be the name and download link of your theme.

    as this is a css/formatting question, posting a link to your site would be the best way to get some suggestions.

  4. total14
    Member
    Posted 3 years ago #

    http://domain3197798.sites.fasthosts.com/ is the site address, as soon as fasthosts fix their FTP login issues i will provide a link to the stylesheet.

    Unfortunately as it is a live school site i cannot put a dodgy looking post on their but there is a screenshot of whats going wrong here..

    Unsure if i can post image links but will try....

    <img src='http://img1.UploadScreenshot.com/images/main/6/17207255585.png' alt='Click here to view full size' />

    Thanks
    Iain

  5. alchymyth
    Forum Moderator
    Posted 3 years ago #

    edit style.css;

    find (near to the end):

    /* Recommended by http://codex.wordpress.org/CSS */
    /* Begin */
    .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
    {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    
    .alignleft
    {
      align: left;
      }
    
    .alignright
    {
      align: right;
    
    }
    
    .alignright img, img.alignright
    {
      margin: 1em;
      margin-right: 0;
      }
    
    .alignleft img, img.alignleft
    {
      margin: 1em;
      margin-left: 0;
    
      }

    these seem to be quite old; replace them with the image alignment styles from:
    http://codex.wordpress.org/Wrapping_Text_Around_Images

  6. total14
    Member
    Posted 3 years ago #

    Thank You, Thank You, Thank You.

    And now i know of the codex existence future problems should be less frustrating.

    many Thanks
    Iain

  7. NAWO
    Member
    Posted 3 years ago #

    Hi,
    I'm really sorry to piggy back on this post but it was the only one that I could find with people dealing with fasthosts and wordpress...I have a really basic question that I was hoping that you could answer. I'm a complete newbie so you may have to forgive my stupidity...

    Basically, I've been trying to edit the platform theme by creating a child theme. So I have found the style sheet through my fasthosts FTP files, downloaded it, edited it and then uploaded it in the themes section (not in the platform theme bit) but for love nor money it doesn't actually edit my website.

    Please help me! I'm on a bit of a deadline and I just can't figure out what I'm doing wrong!

    Many thanks in advance,

    Sara

  8. alchymyth
    Forum Moderator
    Posted 3 years ago #

    @NAWO
    your problem is totally unrelated -
    please start a new topic - with a matching title;
    this should also get you more replies.

    and add some relevant tags...

Topic Closed

This topic has been closed to new replies.

About this Topic