Read More Button Issue?

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.

https://tinypic.com/view.php?pic=2j4ve3l&s=6

This shows the resize

https://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

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?

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?

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)

https://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: https://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: https://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.

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;
}
*/

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.