Build Your Own Business Website With WordPress Forum

Display all post images same width

Page: 1

User

Post

12:23 am
February 15, 2012

Juliette

Basel, Switzerland

Jedi

posts 90

Is there a way to define how all post images of a blog are displayed, without having to adjust every single post image manually?

If different users are adding posts, they do not always know how to resize an image, thus the image is often displayed too large or too small. I would like all images to have a width of 500px. (labablog.ch)

How is this best acheived?

3:45 am
February 15, 2012

Gelie Laxamana

Philippines

Moderator

posts 15

Hi Juliette,

The best way to do that is with CSS. You need to define first a “class” for your images from the post and add styling on it from your custom.css file.

You can put on your custom.css

.custom .format_text img{

Width: 500px;

}

If you want to learn more about CSS and Custom Body Class, Rick has a Video Series at http://www.byobwebsite.com/les…..ng-thesis/

7:14 am
February 15, 2012

Rick Anderson

Edmonds, WA

Admin

posts 3156

You could also try using a % instead of an absolute width. Although the images will look lousy if they are smaller than the desired width.

Rick Anderson – WordPress Instructor

Learn How to Create Your Own Business Website

12:14 am
February 16, 2012

Juliette

Basel, Switzerland

Jedi

posts 90

Thank you Rick, it worked.

laugh

8:35 am
February 17, 2012

Rick Anderson

Edmonds, WA

Admin

posts 3156

Great. cool

Rick Anderson – WordPress Instructor

Learn How to Create Your Own Business Website

Page: 1

Member Login

Display all post images same width | Thesis CSS | Forum

Welcome to our Members Only Forum

For a Limited Time Only

Join our Community for as little as

$0.43 PER DAY!

THIS OFFER EXPIRES May 31st!

Recent Videos

Recent Forum Posts

Connect With Us

Contact Info

	You must be logged in to post