increasing height of flexslider

Activello
1

I need the flex slider to fill the screen. Width is good but I can not increase the height sufficiently.

Dev site live on
http://sl.relevanttools.com/

I have an image currently sized 1920x1500.

I have css over ride:

.flex-active-slide {
height: auto;
}

.flexslider .slides img {
width: 100%;
height: 100%;
display: block; }

but the image is being resized:

green_room-1920x1500

Where can I change the size or stop the resize? I tried image size of 2880x2250 and still was resized down. Increasing the size of the image doesn’t seem like what I want.

I can see the max view port has size of 2000 but clearly that is being set to smaller but I can’t figure out where.

Thank you for your help!

Jean

2

I tried changing functions.php function activello_setup()

/* add_image_size( ‘activello-slider’, 1920, 550, true ); */
add_image_size( ‘activello-slider’, 1920, 1500, true );

and there is no change - in fact very strange - first change from 550 to 600 shows but not increase to 1500.

What am I missing?

sea_ranch_den-1920x1500

3

I also tried adding colorlib plug in. It is active but it not making any difference. It seems like the images are being cropped and resized before anything is being called. I familiar with bootstrap and am a C++ programmer who knows some PHP. I don’t usually do wordpress but the customer is requiring it for this site. I am sure there is something basic that I am missing but I don’t know what. Thank you so much in advance for any help you can give me. I have a meeting with the customer on Tuesday morning 11am PDT and I don’t think she will be able to see past the incorrectly sized slider. She wants full screen and I will have to abandon this if I can’t get it to work. But I am sure I can if I know what I am doing wrong.

<?php
/*
Plugin Name: Colorlib Plugin
Description: Quick Custom Solution Plugin for Implementing Custom Solution.
Version: 1.0.0
Author: Movin
Author URI: http://freewptp.com/
License: GNU General Public License (Version 2 - GPLv2)
*/

function custom_activello_setup(){
add_image_size( ‘activello-slider’, 1920, 800, true );
}
add_action( ‘after_setup_theme’, ‘custom_activello_setup’, 99 );

4

I figured this out but would still love some explanation as to why.

I had to delete all my images. I set colorlib first to 1920 x 800 and then to 1920 x 1200. After each time changing colorlib I uploaded maximum sized images that are then apparently being resized based on colorlib settings. I set the images as the featured item and it is working properly.

Is there an easier way to size the images without delete, change settings and upload. With straight bootstrap I can just change the settings and they are applied.

Thank you
Jean

5

Hi Jean,

Awesome great to see you got that figured out.

Is there an easier way to size the images without delete, change settings and upload. With straight bootstrap I can just change the settings and they are applied.

It changes to the right size only if the Activello theme is activated when you upload the images.

If you have already uploaded the images before activating Activello theme then you have to resize them using the below plugin.

Cheers,
Movin