Featured image: change size ?

Sparkling
#1

Hi,

I switched the template of my blog for Sparkling. But I’ve a problem. On my old template, featured image was 560220px…which is is 750410px for sparkling.

As you can see I’ve a little problem with my old images. How can I force an “upgrade” size from 560 to 750px ?

Thanks !

#2

Hi @alex1,

I hope you are well today and thank you for your question.

Please try regenerating thumbnails on your site using the below plugin.

Best Regards,
Movin

#3

Nothing change, it’s an image that I uploaded after theme activated.

#4

EDIT: my images have a native resolution of 560px.

#5

If the original images are smaller then you have to reupload larger size images.

You can also resize existing images as described on the following page.

#6

I need to make my “featured image” size taller than 410px.
How do i resolve this?

#7

Tried to edit functions.php line 64 to this:
add_image_size( ‘sparkling-featured’, 750, 9999, false );

but still cropping at 410

#8

Hello @iconixinc,

I hope you are doing well today.

Please make a new topic for your issue so that we can assist you in a separate post to ensure that things are kept coherent regarding your issue.

Best Regards,
Support

#9

I hope you can help me, I like your theme.
I have the same problem, my pictures are much bigger than is set by theme and simply do not want to stretch to fit post size without sidebars: http://www.balkantravelguide.com/old-bridge-of-mostar/ (for example)
I tried with additional CSS, I managed to stretch picture butt than rest is broken down thereafter.
I tried regenerating thumbnails butt nothing helped.
I have a problem with google maps size, when the page is displayed on smartphone, maps size just exceed the page size.

#10

Hi @balkan1travel,
Thanks for keeping in touch with us.

Kindly add and save the following code to Appearance > Customize > Additional CSS:

img.single-featured.wp-post-image {
    width: 1140px!Important;
}

I hope this helps :slight_smile:

Best Regards,
Support

#11

Thank you for quick answer
works great
thanks

Can you do anything at all regarding google maps size in mobile view, map exceed the width of the page, I use MapPress Easy Google Maps for Google Maps, and it does not matter what size I choose, map exceed the width of the page in mobile view.

thanks again
Now the site is exactly as it should be

#12

To resolve the Google map issue try using following custom CSS code.


.mapp-layout {
    max-width: 100%;
}
#13

thank you very much,

it has solved the problem with maps
I just added an additional CSS
max-height: 100%;

.mapp-layout {
max-width: 100%;
max-height: 100%;
}

thank you