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