Featured image is resized to smaller size

[Arnie]

I added a featured image to the event list image by added the suggested code in my functions file. I changed the thumbnail size in the wordpress media setting to 300 x 150. But when I display the list, the featured image, which is 300×150, gets reduced to 213×107. http://mje.onrushdigital.com/classes/

I want the images to display at their normal thumbnail dimensions!

Thank,
Arnie

ps – I’m using the Enfold theme

[Geoff]

Hey there, Arnie!

Thanks for reaching out and welcome to the forums.

It looks like the source code for the featured images are correct. For example:

<img src="http://mje.onrushdigital.com/wp-content/uploads/2015/12/DSC02544-495x400.jpg" width="495" height="400" title="" alt="" class="avia_start_animation">

However, the container for the image itself is not wide enough to display the entire image and CSS is resizing it to make sure that it does. In fact, if you resize the browser window from wide to narrow and back again, you can see how the image changes size to adjust to the layout.

Does this make sense and help clarify things a bit? Please let me know.

Thanks!
Geoff

[Arnie]

Is the eventscalendar widget code creating the extra padding between the images or is it the theme? I already made the container 100%.

[Geoff]

Looks like it’s coming from the theme. Here’s the class I found that adds 7px of padding  to the images:

#top div .avia-gallery img

Removing the padding from that pushing them all together when I tested it out.

Cheers!
Geoff

[Arnie]

How did you find that?

I added this:

#top div .avia-gallery img{
padding: 0px !important;
}

but it didn’t change anything.

[Geoff]

I found that using the DevTools inspector in Chrome. We have a pretty handy article that explains how to use it and I’d suggest checking it out.

Geoff

 

[Arnie]

Thanks. I know how to use inspector. I just didn’t find that ID anywhere in that area of the page.

[Geoff]

Hmm, it was there before but now I am not seeing it either. What class/ID are you seeing that affect the images?

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts