WordPress.org

Support

Support » How-To and Troubleshooting » Read More Button Issue?

Read More Button Issue?

  • I’m not sure if this is the right place to post this.

    On our site http://www.MathyShootsPeople.com, if you go to a full wedding post (not a teaser) we’ve put a “read more” button after the third image to allow the page to load faster unless you want to see the full post. When trying to post a new blog today, I realized that nothing further than the third image is showing up on any of the posts that use the “read more” button. Well, all the images appear to be there but are a pixel big. You can right click on them and display them but for some reason they will not display larger on the blog. I even went under one of the weddings and removed the read more button but the same thing is still happening even after I updated.

    I’ve called BlueHost and they said to try and see if I could talk with anyone through wordpress to tell me what is going on.

    Help!

Viewing 15 replies - 1 through 15 (of 17 total)
  • Update – we’ve figured out that the width and height of the images is being changed to 1×1 but we have no clue how or why this is happening. When I’m under my dashboard and editing the post, all images are normal sized and look fine.

    http://tinypic.com/r/w7isrq/6

    That shows what the website looks like to us!

    Another thing we’ve figured out: The site looks fine on our iPad… Yet in a normal browser, it shows up with most of the pictures showing super small…

    Thanks in advance for your help, (un-named awesome person)!

    Mathy

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Can you post a direct link to a problematic webpage?

    We actually literally just fixed/accidentally solved the problem. We went through and deactivated all of our plug ins and then reactivated them 1 by 1 to ensure the problem didn’t come back. Maybe a glitch of some sort?

    Well, scratch that, we tried to reinitalize Jetpack and once it initialized it gave us the exact same issue. But at least we know it’s the plug in, not word press! Any suggestions?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Comment-out all of the code in its (Jetpack’s) Custom CSS section and see if the problem persists.

    Thanks!

    But, what does that mean, and how do I do that?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Edit: “this section” link updated to work

    Wrap all of the code in this section with CSS comments, E.g;

    /* This is the start of a comment (the forward slash followed by an asterisk)
     The code that's in the Custom CSS section is inside
    */ (This is the end of a comment (the asterisk followed by a forward slash)

    http://css.maxdesign.com.au/selectutorial/rules_comments.htm

    I believe I did what you asked, and it still shows up incorrectly after re-activating JetPack… I went into ‘jetpack/modules/custom-css.php’ and added the comment marker as you suggested to the beginning and end. Was that correct?

    See: http://www.mathyshootspeople.com/

    Pictures are missing, or showing as hidden, or showing as 1px by 1px. Hover over ‘Mathy Shoots…’ and click on Weddings, then go down to Benjatie and view the full post. Most pictures show as 1px by 1px (look closely under the two pictures that do show, it looks like a vertical row of dots):

    See: http://www.mathyshootspeople.com/2012/10/23/benjatie-%E2%99%A5-bristow-manor-bristow-va-wedding-photographers/

    And, now that I’m using with and without JetPack… I notice that it makes my site extreeeeeemly slow to load.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Sorry, I think you edited the wrong section. My intentions were that you would edit the CSS code not PHP, via Appearance → Edit CSS.

    Okay, got it now. Reverted the .php I edited to the original.

    Under the Appearance –> Edit CSS I see:

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.
    */
    .post img {
    margin-bottom: 3px;
    }

    So, I would just put the last lines into a comment since the first part is already a comment?

    Thanks again for your help, and, I’m sorry, most of this is greek to me.

    I just tried to add the last part into a comment, refreshed the page, and it still shows up the same (incorrectly)…

    /*
    .post img {
    margin-bottom: 3px;
    }
    */

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Don’t worry about commenting it out, from the code you posted prior to this post, there is no conflicting CSS code.

    I wanted you to comment-out the CSS code to see whether any CSS was causing the issue.

    Jetpack’s Custom CSS is not to blame. This narrows down the source of the problem in Jetpack.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Read More Button Issue?’ is closed to new replies.