Recommended slider image sizes for our themes and how to change the slider height

Design and Style

Here are the recommended sizes for the slider images in our themes. Upload images that are at least this large. WordPress crops larger images to the theme’s slider sizes, but it doesn’t enlarge smaller ones.

Theme Recommended size (width × height) Slider image size names
Adrenaline 1420 × 680 px None. Adrenaline uses the standard WordPress image sizes and doesn’t crop slider images.
Auto 1920 × 700 px autopt-jumbotron-slider-l, -m, -s
Beauty 1920 × 660 px beauty-jumbotron-slider-l, -m, -s
Bolts 1920 × 660 px bolts-jumbotron-slider-l, -m, -s
BuildPress 1920 × 580 px (1920 × 700 px when Header Style is set to Transparent) jumbotron-slider-l, -m, -s
CargoPress 1920 × 600 px cargopress-jumbotron-slider-l, -m, -s
CarPress 1920 × 592 px slider
ConsultPress 1920 × 580 px consultpress-jumbotron-slider-l, -m, -s
GrowthPress 1920 × 748 px growthpress-jumbotron-slider-l, -m, -s
GymPress 1920 × 680 px gympress-jumbotron-slider-l, -m, -s
Hammer 1920 × 660 px hammer-jumbotron-slider-l, -m, -s
LegalPress 1920 × 600 px legalpress-jumbotron-slider-l, -m, -s
MedicPress 1920 × 680 px medicpress-jumbotron-slider-l, -m, -s
MentalPress 850 × 400 px jumbotron-slider-l, -s (425 × 200 px)
RepairPress 1920 × 600 px repairpress-jumbotron-slider-l, -m, -s
Shaka 1920 × 660 px shaka-jumbotron-slider-l, -m, -s
StructurePress 1920 × 660 px structurepress-jumbotron-slider-l, -m, -s
WoonderShop 1920 × 600 px woondershop-jumbotron-slider-l, -m, -s

The -l size is the full size in the table. The -m size is half of it and the -s size is a quarter, except in MentalPress, where -s is half.

How to change the slider height

The height of the slider follows the height of the slider images. To change it, register the theme’s slider image sizes again with a new height in a child theme, then regenerate the images.

  1. Add code like this to the functions.php file of your child theme. This example is for MedicPress and makes the slider 500 px high. Use your theme’s size names from the table above, and keep the -m and -s sizes at half and a quarter of the large size. 
    function my_child_theme_slider_image_sizes() {
	add_image_size( 'medicpress-jumbotron-slider-l', 1920, 500, true );
	add_image_size( 'medicpress-jumbotron-slider-m', 960, 250, true );
	add_image_size( 'medicpress-jumbotron-slider-s', 480, 125, true );
}
add_action( 'after_setup_theme', 'my_child_theme_slider_image_sizes', 11 );
  2. Install the Regenerate Thumbnails plugin and run it from Tools › Regenerate Thumbnails. This creates the new sizes for the images you already uploaded.

This doesn’t work for Adrenaline, because its slider height is set in the theme’s CSS.