Okay
  Public Ticket #1683260
Slider height
Closed

Comments

  • Guttafysio started the conversation

    Hello. I am wondering how to change the front page slider height. Either through CSS or some other way. 

  •  1,715
    Barry replied

    Hi Guttafysio,

    The slider height is defined by the size of the images and is 1920 x 750 pixels. If you want to change this you can do this on 3 ways:

    1. Changing the image size by code

    By installing the child theme (located inside the full download package on ThemeForest) and overwrite the slider image size in the child theme functions.php file

    // Jumbotron Slider Sizes
    add_image_size( 'physio-qt-slider-l', 1920, 715, true );
    add_image_size( 'physio-qt-slider-m', 960, 358, true );
    add_image_size( 'physio-qt-slider-s', 480, 179, true );
    

    2. Changing the image size by plugin

    The Simple Image Sizes plugin provide the option to change images sizes. After activating the plugin navigate to Settings -> Media and change the sizes of the following fields:

    - physio-qt-slider-l
    - physio-qt-slider-m
    - physio-qt-slider-s

    The l size is used for desktop screens, the m size for tablet screens and s size for mobile screens.

    3. Changing the image size manually

    You can change the height of the images manually with an image editor program. Make sure the image is 1920 pixels in width and then you can manually set the height of that image.

    After you have changed the image size by step 1 or 2 you need to install the Regenerate Thumbnails plugin. Via Tools -> Regen. Thumbnails you can apply the new sizes to the images by pressing the button on that page. After the plugin is finished you can delete this plugin.

    Unfortunately this is cumbersome because it is how the WordPress core handle image sizes and are not easy to change on the fly.

    Let me know if you have any questions.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes