John Yakubik
asked 6 years ago

I would like to make the size of my featured images on my posts smaller. Is there a way to control that image size and have it still remain responsive? In other words specify a max image size or specify a percentage size instead of 100%? Thanks in advance- John

5 Answers
DominicStaff
answered 6 years ago

Please send me your site and the image size that you want to change, I will check and help you resolve it. 

John Yakubik
replied 6 years ago

Here is my site Dominic. http://modernlensmagazine.com/man-beaten-3-people-ground-photographing-accident/ I want to change to post image size from 100% to lets say 65%. I will include a before and after screenshot of what I want to do.

John Yakubik
replied 6 years ago

Thanks in advance- John

John Yakubik
answered 6 years ago

Here is the before
[caption id="" align="alignnone" width="1399"] Before[/caption]

John Yakubik
answered 6 years ago

Here is what I want it to look like although perhaps without all the padding at the top and bottom of image.

DominicStaff
answered 6 years ago

To resolve this issue, you can add the following code to the style.css file or in the custom CSS code in the Theme setting.

.single #main>.post .entry-thumbnail {
     text-align: center;
}
.single #main>.post .entry-thumbnail img {
    width: 65%;
}
John Yakubik
replied 6 years ago

Hi- I copied and pasted that code but it had no effect?

http://modernlensmagazine.com/create-perfect-lighting-family-portraits-1-speedlight/

Dominic Staff
replied 6 years ago

Which position are you adding code? If you have added the code to the custom css of the theme setting you can use the following code:

.single #main .post .entry-thumbnail {
text-align: center;
}
.single #main .post .entry-thumbnail img {
width: 65%;
}

Dominic Staff
replied 6 years ago

If you still face their issue please send me username & password of your site. I will check and help you resolve it.

John Yakubik
answered 6 years ago

Hi Dominic I sent the username & password in the chat because I didn’t want to post it here. Here is a screenshot where I added the code in the css file via the editor.
 

 

DominicStaff
answered 6 years ago

I have checked your site and helped your resolve this issue, you can check your site now. Also, I have added the code to the Theme setting and see that it works fine, please help me remove the code in the style.css file.

Powered by DW Question & Answer Pro