Specify Image Size?

Hi RRP

Looking at your problem, Church is a child-theme of the Omega theme.

By using Chrome’s ‘Inspect Element’ option I was able to see you had tried to set the image size as 180 x 215 pixels.

Looking at the css of the element I could see that your attempts had been overwritten by the theme.

What you have to do is to add some css to the theme and it looks to me as if this is the code that will help;

.entry-content img {
    width: 180px;
}

As Church is a child theme the theme designer has given you the chance to insert the code into a pre-defined area.

Go to
Appearance=>Customize=>CSS and then paste the code in there.

There may be a better fix but it’ll get you going at least for a while.

I hope this helps
Dave Foston

So, will that code default every image on the site to a width of 180px?

Thanks-
Ryan

Hi Ryan

Church seems to be a nice looking crisp theme I can understand why you chose it.

To answer your question, yes it will make those images that fall into a div class called entry-content a standard width of 180px.

That is why I’ve spent a little time looking at the problem. If you know a little html & css you ought to be able to arrive at a solution.

In your content you will need to isolate the image code and add a specific class name. To do this click on the Text tag and search through to find the ‘img’ code. In my example I added the name ddfphoto to the image class. I then added the code below to the theme replacing the earlier code

img.ddfphoto {
   width: 180px;
}

This seemed to do the trick for me.
I have created a short video for you. I’ve uploaded it into my unlisted area of Youtube so you can only get to it with the link.
https://youtu.be/RRNpRcNlnG8

I hope this helps
All the best
Dave

Thank you, Dave. I picked up your tip and it helped me a lot.

I’m glad it helped you Suechen.

All the best
Dave