Flexslider

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: Flexslider

Author

Posts
April 21, 2016 at 1:17 pm #167933

EH
Expired Member

Post count: 96

I’m looking to make two hopefully easy updates to the flexslider. One is there seems to be an inline style on the images that make them max-height:400px, which is making the images looks distorted. As you can see here: http://new.electronichouse.com/places/united-states/massachusetts/millis/lighting-1/danielle-frappier-inc

I would like to remove that. I tried to do it with CSS but wasn’t able to override that inline style. Is this coming for the jquery? The other thing I would like to do it not have the directional arrows appear if there is only one image. I know I’ll probably have to edit the jQuery for this but I was unsure how to do this and not have it be override on the next geodirectory update.

Thank you again!!

April 21, 2016 at 9:04 pm #168288

Paolo
Site Admin

Post count: 31206

Hi,

I flagged this for the developers.

They’ll let you know asap.

Thanks

April 22, 2016 at 12:24 pm #168705

EH
Expired Member

Post count: 96

Thank you Paolo!

April 22, 2016 at 3:47 pm #168870
Stiofan O’Connor
Site Admin

Post count: 22956
Hello,

Just a wee tip, inline styles can be overridden 99% of the time:
try something like:
```
.geodir_flexslider .geodir-slides img{max-width: 300px !important;}
```
and
```
.geodir-direction-nav {
    display: none !important;
}
```
Thanks,

Stiofan
April 22, 2016 at 3:54 pm #168871

EH
Expired Member

Post count: 96

Hi Stiofan,

I have actually already tried that, but it doesn’t seem to be working. I don’t want to get rid of the direction nav completely, just when there is only one slide.

April 22, 2016 at 3:58 pm #168873
Stiofan O’Connor
Site Admin

Post count: 22956
What about some jQuery?
```
if(jQuery("#geodir_carousel").length == 0) {
  jQuery('.geodir-direction-nav').hide();
}
```
Stiofan
April 22, 2016 at 4:00 pm #168874

EH
Expired Member

Post count: 96

I didn’t think to try that. I’ll try it out and let you know. Thank you!

April 22, 2016 at 8:22 pm #168971
EH
Expired Member

Post count: 96
I had to change it up slightly but this worked for me.
```
<script>
                       jQuery(function($) {
                            $(document).ready(function($) {
                               if ($('#geodir_carousel').length == 0) {
                                   $('.geodir-direction-nav').hide();
                               } 
                                });   
                        });
                        </script>
```
Thanks for pointing me in the right direction!
April 23, 2016 at 10:09 am #169232

Stiofan O’Connor
Site Admin

Post count: 22956

🙂

May 5, 2016 at 6:33 pm #185213

EH
Expired Member

Post count: 96

Sorry I have one more question. Before I go down the rabbit hole of moving divs around with jQuery I figure I would ask, is there someplace I can edit the flex html? I want to move <ul class=”geodir-direction-nav”> out of the geodir_flex-container and put it after the geodir_carousel.

May 5, 2016 at 8:34 pm #185386

EH
Expired Member

Post count: 96

I actually ending up doing this the jQuery route which worked out better because I only wanted this to happen on the listing page slider and not on the feature listing widget slider. However just for further reference I’m curious if I have access to the slider markup.
Author

Posts