Home → RoyalSlider WordPress Issues →

How can i make the gallery reisze image height

• Edit

dannyisaninja

01 Sep, 2020 09:39 PM

i would like my image heights to all be the same, the one vertival image in my gallery is currently taller the others. When i hit the auto scale option the gallery doesnt load and on mobile the height is too long- how can i make the images be the same height and fix mobile?
 
this is my page: http://trgmanagementcompany.com/v2/portfolio/icon-buckhead/
i want to match this gallery style: https://relatedgroup.com/properties/icon-buckhead/

PLEASE HELP

• Annotation_2020-09-01_173643.png 1.37 MB

1. 1 Posted by dannyisaninja on 01 Sep, 2020 10:11 PM

   

   i resized my vertical image to share the same height as the others but look at how this resizes for mobile!? this cant be how this plugin works is it?

   • mobile.png 54.8 KB
   • Edit

2. Support Staff 2 Posted by Dmitry Semenov on 02 Sep, 2020 07:15 AM

   

   Hello,

   The plugin requires slides to have the same width, you can only control how image is resized within a slide ( http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-to-... ).

   Regarding how to change width or height of the slider viewport, refer to http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-to-...

   If you want specific height at specific screen size, you may use CSS like:

   /* Set height of slider to 400px when size of window is less than 800px */
   @media all and (max-width: 800px) {
      .royalSlider  {
         height: 400px !important;
      }
   }
   

   (the code can be added to your theme custom CSS option, or style.css file)

   • Edit

3. 3 Posted by dannyisaninja on 02 Sep, 2020 05:23 PM

   

   That css does not fix the issue, please tell me what im doing wrong i need these images tro be larger- please support

   • Annotation_2020-09-02_132203.png 9.04 KB
   • Annotation_2020-09-02_131802.png 72.6 KB
   • Edit

4. Support Staff 4 Posted by Dmitry Semenov on 02 Sep, 2020 06:25 PM

   

   Image scale mode can be configured from Image Options section of the slider http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-to-...

   • Edit