Image Squashed on Page

Resolved wealthpossible
(@wealthpossible)

11 years, 2 months ago

Hi all,

I have inserted an image to a page on my site which has no sidebar. The image in 900px across as is the width of the no-sidebar template I’m using I tried adjusting widths in the CSS but I can’t figure out what the problem is. It’s as if the image refuses to go any wider than 570px (the width of the content when the sidebar is present.)

Does anyone here have any ideas on how I could fix this?

Regards

Viewing 11 replies - 1 through 11 (of 11 total)

kmessinger
(@kmessinger)

11 years, 2 months ago

Please post a link showing the problem.

Thread Starter wealthpossible
(@wealthpossible)

11 years, 2 months ago

Sorry, I forgot to include the link.

http://www.mytraguspiercing.com/ebook/
Thread Starter wealthpossible
(@wealthpossible)

11 years, 2 months ago
I have already changed the CSS to:
```
.entry img {
	max-width: 900px;
}
```
and I still have the problem.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 2 months ago

Which image is squashed?

Thread Starter wealthpossible
(@wealthpossible)

11 years, 2 months ago

All the content on the page is one image. That’s the one that is squashed.

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 2 months ago

Where did you make that CSS change, that max-width CSS change you posted earlier?

Thread Starter wealthpossible
(@wealthpossible)

11 years, 2 months ago

I changed it in the Visual Editor Stylesheet.

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 2 months ago

Download (and install) this Custom CSS Manager plugin. Then use its section of the dashboard to hold your CSS modification instead.
David V
(@wpcodeking)

11 years, 2 months ago
The div class “entry” has a max width of 600px for the entry image class, so you need to change that which is in your style.css line 362.
```
.entry img {
max-width: 600px;
}
```
If you don’t override that css class, your image will never be larger then that.
Thread Starter wealthpossible
(@wealthpossible)

11 years, 2 months ago
I changed the following to 900px:
```
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	max-width: 900px;
	padding: 0;
}
```
…and it worked! Thanks for all the help guys! 🙂
Thread Starter wealthpossible
(@wealthpossible)

11 years, 2 months ago

Resolved

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Image Squashed on Page’ is closed to new replies.

Image Squashed on Page

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics