June 19, 2014 at 12:46 pm #110596
Hi there...I'm new to this forum and recently got the new Ambiance Pro Theme.
I am trying to figure out how to keep the featured images on the homepage uniform. I noticed that some times certain image sizes that I use cause the height to be smaller. I tried to fix it by assigning the image height a fix value (ie. height: 324px;) but doing so stretches the image on media devices instead. It looks fine on a maximized computer screen web browser but if I shrink it smaller then it begins to appear stretched as well.
How do you keep the featured images uniform? Is there a recommended image size to use?
Thanks in advance for your help.http://innervironment.comJune 19, 2014 at 1:34 pm #110609
Does changing the height: 324px; in max-height: 324px; help? Normal this size is set in your functions.php - image-sizes
June 19, 2014 at 1:55 pm #110622
Hi Jan...Thank you for responding. Here's what I added in style.css below:
height: 324px; /* This was added to fix the image height */
Do I need to change it to max-height: 324px; in style.css?
Or add it in functions.php?June 19, 2014 at 2:00 pm #110623
change that in your css.
Can you take a look in your functions.php what the image-size are? They look like
add_image_size( 'featured-medium', 340, 150, TRUE );
June 19, 2014 at 2:04 pm #110625
It looks like this, if this what you're referring to:
add_image_size( 'entry-image', 800, 450, TRUE );June 19, 2014 at 2:13 pm #110630June 19, 2014 at 2:27 pm #110640
I regenerated the thumbnails but it's still showing different sizes. I also changed this in my css.
max-height: 324px; /* This was added to fix the image height */
Is there a recommened size for the images when I upload?June 19, 2014 at 2:35 pm #110644
The recommended size is 800 x 450 or 1600 x 900
In Chrome they look perfect now
June 19, 2014 at 2:37 pm #110645
Ok thanks for the help!
I'm using Firefox.June 19, 2014 at 2:41 pm #110646
Checked it in firefox and safari and looks good.
June 19, 2014 at 2:50 pm #110650
I closed my browser and opened it back up. Looks good!
You must be logged in to reply to this topic.