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.
![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")
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.
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 !
Please login or Register to submit your answer