Forums

[resolved] Fix Image Display on Individual Posts (5 posts)

  1. jcoberly
    Member
    Posted 1 year ago #

    Hello,

    If you take a look at any post with a picture on my page http://test.discoversoccer.info/, you will see that the images are all left justified and the captions display like normal text.

    Here is a screenshot of an example from http://test.discoversoccer.info/practicing-on-your-own-wall-ball-part-2/.

    However, in my WYSIWYG, it looks like this, which is what I want it to display like.

    Please help and thank you in advance.

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    your theme seems to be missing the styles related to .wp-caption;

    for example:

    .wp-caption {
    background: #eee;
    border: 1px solid #ccc;
    padding-top:3px;
    text-align: center;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
    .wp-caption img { border: none; background:none; }
    p.wp-caption-text { text-align: center; }

    try and add these at the end of custom.css (adapt if neccessary)

  3. jcoberly
    Member
    Posted 1 year ago #

    Alchymyth, you and the other regulars that help us noobs are awesome! Thank you!

    That fixed the styling, however, it did not fix the centering of the image even though it is centered in my admin page.

    Do you happen to know how I can fix that?

    Thank you again!

  4. alchymyth
    The Sweeper
    Posted 1 year ago #

    i missed that part with the centering :-(

    add this style as well:

    .aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
  5. jcoberly
    Member
    Posted 1 year ago #

    BEAUTIFUL! THANK YOU!

Topic Closed

This topic has been closed to new replies.

About this Topic