WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Alignright image with caption not working (11 posts)

  1. flotsam2000
    Member
    Posted 2 years ago #

    Hi all,

    I have managed to get this working on all my sites except this one and am hoping someone can help me troubleshoot. I updated the style.css and it is still a no-go for aligning images right with a caption and word wrap... any ideas?

    http://sterlingholistichealth.com/about

    Best,
    Josh

  2. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    Try adding:

    .alignright {float:right}

    to your theme's stylesheet.

  3. flotsam2000
    Member
    Posted 2 years ago #

    @esmi Thanks for the note. I added this to the style.css ... still not working.

    Any other ideas? I'm stumped...

  4. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    I can't see that CSS in your stylesheet.

  5. flotsam2000
    Member
    Posted 2 years ago #

    Weird. Ok, so, I added it to the style.css along with three other .css files I found: rtl.css, editor-style.css and editor-style-rtl.css

    still nothing...

  6. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    Now try changing:

    .alignright {float:right}
    }

    to:

    .alignright {float:right}
  7. flotsam2000
    Member
    Posted 2 years ago #

    Ok, I made that switch in each of the .css files and saved them.

  8. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    Move it to above:

    /* =Print Style
    
    -------------------------------------------------------------- */
  9. flotsam2000
    Member
    Posted 2 years ago #

    whooo, hooo. that worked! but now there is no border...

    ugh.

    Thanks for your help!

  10. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    the section of 'print styles' is not closed in your style.css;
    therefore all added styles would only be executed if you print your page.

    possibly close the section with an extra curly bracket } before these lines:

    a:active a:focus{
      outline-style: none;
      border: none;
    }
  11. flotsam2000
    Member
    Posted 2 years ago #

    Awesome. Thank you esmi and alchymyth!

Topic Closed

This topic has been closed to new replies.

About this Topic