Brad Harris
asked 4 years ago

In list view, the images break their container and overlap the text. How can I fix this or are there rules for the size of the images? I also use the slider so most of my pictures are almost 16:9 aspect ratio. Please see the attached pic.

Thanks,
Brad

![enter image description here](http://i2.wp.com/midnightoildesign.com/wp-content/uploads/2015/09/Screen-Shot-2015-09-28-at-1.29.05-PM.png?zoom=2&resize=625%2C342 "enter image title here")

2 Answers
DominicStaff
answered 4 years ago

Hi,
Have you tried to settings the Image size in the Dashboard > Settings > Media then change the Thumbnail size to 110 x 110.
See the screenshot: http://prntscr.com/8lnpjj
Please send me username & password of your site (via private answer) if you still face there issue.
Regards,

nom00
replied 4 years ago

My settings are as your screenshot. I will send my information via private.

Thanks!

DominicStaff
answered 4 years ago

Hi,
I have checked your site and see that you are using the old version of DW Focus theme. We have released the latest version 1.2.6. Right now, you can download the version 1.2.6 from your profile. However, if you want to use the version 1.2.2, you can do as the following to resolve this issue.
Firstly, open the \wp-content\themes\dw-focus\inc\init.php file, add the following code under line 38:

add_image_size( 'dw-focus-archive', 230 );
add_image_size( 'dw-focus-slider', 710, 400, true );

Finally, open the content.php, line 12.
Replace the following code:
<div class="entry-thumbnail"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'medium' ); ?></a></div>

With new code:
<div class="entry-thumbnail"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'dw-focus-archive' ); ?></a></div>

Hope this helps !

nom00
replied 4 years ago

Perfect! It worked wonderfully!! Thanks so much.

Powered by DW Question & Answer Pro