Slider size 1500 x 750 px

Hello,

I want to know if it is possible to adjust the display of the slider of the home page in the format: 1500x750 pixels and that it remains responsive

Thank you in advance for the answer.

Best regards
Phil

Hi Phil,

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

You can achieve this using custom plugin solution shared in the following topic.

https://colorlibsupport.com/t/increase-slider-height/#post-66716

Best Regards,
Movin

Hi Movin,
I’m sorry I installed the plugin
Put the dimensions of my photos 1500x750
activated the plugin
then I added the corresponding CSS:

.flexslider {
height: 750px! important;
}
img.attachment-activello-slider.size-activello-slider.wp-post-image {
height: 750px;
}

And here is the result in attachment … The picture does not appear completely in height …

thanks for the help

Just use the shared custom plugin and not the custom CSS code that you shared above.

Also after activating custom plugin on your site please regenerate thumbnails using following plugin.

Hi Movin,
I did that but the display does not change …
see my site here https://philbrun.com/

Thanks in advance for the help.
Phil

Hi there

I cant see if the plugin is activated on your website, please install and activate it, no extra css is needed after you install and activate that plugin

Also it seems you are using Jetpack plugin on your site so could you please try temporary deactivating its Photon module on your site as shown in the attached screenshot?

This jetpack photon module is not updating the images stored on wp.com so to resolve the issue either disable this module or update the images on wp.com by contacting jetpack support team.

After deactivating this module, please regenerate thumbnails using following plugin.

Hi Movin,

Thank you for this Jetpack tip that worked!

However, I now have a gap between the first and second article as shown in the attached screenshot.

Thank you for telling me if there is a way to fix it?

Best regards
Phil

Hello there,

I hope you are doing well today.

The following CSS can help to remove the left padding:


/*Remove left padding for homepage post*/
.blog.home article.post:nth-child(even) {
    padding-left: 0px !important;
}

Best Regards,
Support

Hello,
The left padding is repaired. Thank you !

Nevertheless, for the slider when I put Jetpack back in action, everything went back as before …
I have the impression that your plugging does not work with Jetpack?

Best Regards
Phil

Nevertheless, for the slider when I put Jetpack back in action, everything went back as before …. I have the impression that your plugging does not work with Jetpack?

Do you mean our theme?

No. You can see in the following Github issue we have resolved it.

Hello Movin,

Thank you for this answer, but I’m not sure to understand …

What should I do exactly so that Jetpack regenerates the thumbnails of the slider?

I thank you in advance.

Bests Regards
Phil
PS: I really need jetpack because all my galleries are made with …

Hello there,

You can try using the following plugin to regenerate the thumbnails:

Best Regards,
Support

Hello there,

Thank you for the answer.

I regenerate the thumbnails again with this new plugin.
The slider display has not changed…

I just left a message to Jetpack support …

Also you do not have to disable entire Jetpack plugin but only its photon module.

Hello there,

I disabled jetpack photon.
Currently everything seems to work properly …

Thank you for everything.

Best Regards
Phil

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support