[cgMultimediaParticipant]

Hello,

I’m using a child theme with the Renew stack, and I’d like to change the way the Flexslider displays. Right now the DIV with the .x-flexslider-featured-gallery class has a height forced on it by the tallest image in the slider. I’d prefer that the height of the slider fluctuate with the height of the active image… if for no other reason than the page height is jumping around anyway when it changes from slide to slide.

I looked around and I couldn’t find the code (javascript, I’m assuming) that is forcing the height of that div. Help a fella out?

BTW, the site is http://cgmultimedia.ca/

Thanks!

[JadeModerator]

Hi There,

Thanks for writing in.

You can add this in your customizer’s custom CSS:

.x-flexslider .x-slides img{
    margin: 0 auto;
    width: 50%;
    max-height: 300px;
}

Adjust the numbers how you would want to achieve.

Hope it helps.

Let us know how it goes.

Thanks.

[John EzraMember]

Hi there,

Thanks for writing in! Sorry, which page are you referring to? I am looking at your site and can’t seem to find your issue. Or maybe I am just not understanding it well. You seemed to have changed your layout from what is described (unless you are referring to another page – there seem to be no links)? Are you still needing assistance with this?

[cgMultimediaParticipant]

Hello,

thanks for the quick reply.

The custom CSS wouldn’t work — I want the DIV to fluctuate in size, based on the size of the CURRENT active slide being shown, without the tag having a height forced on it. Just look at one of the portfolio projects, such as this one:

http://cgmultimedia.ca/project/arimusic-website/

I guess I mentioned the portfolio in the title, but not the body of the message. Sorry about that! Please refer to the first message in the thread again for details.

Thanks!
Carlos

[ZeshanMember]

Hi Carlos,

In that case, please use this CSS code as well:

.single-x-portfolio .x-flexslider {
  overflow: hidden;
  border-bottom: 2px solid #e5e5e5;
  background-color: transparent;
}

Thank you!

[Author]

Posts