Flexslider

This topic contains 10 replies, has 3 voices, and was last updated by  EH 8 years, 7 months ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • #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!!

    #168288

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I flagged this for the developers.

    They’ll let you know asap.

    Thanks

    #168705

    EH
    Expired Member
    Post count: 96

    Thank you Paolo!

    #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

    #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.

    #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

    #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!

    #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!

    #169232

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    🙂

    #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.

    #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.

Viewing 11 posts - 1 through 11 (of 11 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount