WordPress.org

Ready to get started?Download WordPress

Forums

VertiMagazine
[resolved] Images align left in post/page despite changes (12 posts)

  1. Almost There
    Member
    Posted 11 months ago #

    Hi there,

    Love this theme! My only challenge right now is images always seem to align left even when I enter the alignment to be "right" or "center" using the wordpress image boxes on the website, or using the html code in the actual post or page.

    Let me know if there is a CSS or alternative trick I can use so this is fixed! I need to fix this to customize the look and feel of the website.

    Thanks!
    Dana

  2. Almost There
    Member
    Posted 11 months ago #

    P.S. This is only recently on new posts and new pages I'm creating where this is an issue.

  3. Justin
    Member
    Posted 11 months ago #

    Hey Almost There,
    Can you post a link to your site and to your theme?

  4. Almost There
    Member
    Posted 11 months ago #

    http://www.thehealthring.com
    Theme: VertiMagazine

    Here is a posts where I could align images however I wanted:
    http://www.thehealthring.com/national-miss-florida-2013-real-beauty-and-body-tips/

    Here is a post where the images will only show up to the left: http://www.thehealthring.com/the-best-tea-you-will-ever-drink/

  5. Justin
    Member
    Posted 11 months ago #

    Did you change the way you created/published these two posts? For example: was one created and copied from Microsoft Word and the other created from WP Admin Panel? Or was one posted via e-mail vs. browser?
    Any plugins installed between the publishing of the two?

    The code for the images on the working post is significantly different from the code for the image on the non-working post.

  6. Almost There
    Member
    Posted 11 months ago #

    The second one was copied in from Microsoft Word...Could that have been the issue?

    I should have copied into the text option rather than the visual maybe?

    I'm having the issue again right now building this page: http://www.thehealthring.com/cover

    I should be able to center the slideshow, but cannot. The only thing I copied was the code for the slideshow, provided by the plugin.

    As far as new plugins between those two posts, no. I know for sure no new plugins were installed between the two posts.

    Thanks for your help.

  7. Justin
    Member
    Posted 11 months ago #

    I'm not sure about the slideshow, but for the images not aligning correctly, stick to publishing them like you did for the posts that display properly.

    If it only happened with posts created in MS Word then don't do them that way - or just don't insert the images into MS Word and copy over to WP. Just copy over the text from MS Word and then insert the pictures like you did for the posts that showed up correctly.

    For the Slideshow problem, did you make sure to switch from Visual to Text when you pasted the code? Otherwise you could try putting the code for the slideshow inside of something like this:

    <div align="center" style="clear:all;">
    <!-- Slideshow Code -->
    </div>

  8. Almost There
    Member
    Posted 11 months ago #

    Thanks so much for the help (and the code)...From now on, I will copy/paste into text only.

    I just tested it again...I think it's something with the theme.

    When I just opened up a brand new post, the first thing I did was inserted an image and selected "align right"...it still shows up on the left.

    My solution for now will be to utilize the column plugin, so I can position the images where I want them.

    Thank you!

  9. Psd to WordPress
    Member
    Theme Author

    Posted 11 months ago #

    Hi Almost There,

    I don't think there is a theme issue if for one post it works and for other it doesn't , if you will have any issue, don't hesitate to contact us at : support@codeinwp.com

  10. bebizzy
    Member
    Posted 6 months ago #

    I too am having this issue. All of my images in pages and posts automatically left align, even if I tell them to use Right or None. No other formatting is being used. Any suggestion on what may need to be changed in the CSS?

    Website is http://www.bebizzy.com. An example page would be http://bebizzy.com/2014/01/13/nfl-playoffs-yet/ . The bottom two images are set to alignright

  11. Justin
    Member
    Posted 6 months ago #

    These two styles are conflicting, the float:left will always take precedence because of CSS specificity rules (http://css-tricks.com/specifics-on-css-specificity/).

    in style.css you have

    .post .content img{
    	float: left;
    }

    and in reset.css you have

    .alignright {
    	float: right,
    }

    In your child theme you can remove the float:left with

    .post .content img{
       float: none;
    }

    or you can give priority to the float:right with

    .alignright {
       float:right!important;
    }
  12. bebizzy
    Member
    Posted 6 months ago #

    Unfortunately that didn't resolve it. I tried it both ways.

    Thanks for the help, though!

Reply

You must log in to post.

About this Theme

About this Topic