40% OFF EVERYTHING
Our 10th BIRTHDAY SALE
Buy Now

Full width slider is needed on Front Page

This topic contains 28 replies, has 4 voices, and was last updated by  Alex Rollin 5 years, 10 months ago.

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

Open Support Ticket
  • Author
    Posts
  • June 18, 2018 at 5:04 pm #435358

    Alex Rollin
    Moderator
    Post count: 27815

    I tried several times, it isn’t working, same error.

    June 18, 2018 at 5:37 pm #435372

    Educational Organization
    Expired Member
    Post count: 23

    Any luck with the login Alex?

    I haven’t changed it since you logged in on the 16th.

    I just checked it this morning to make sure it works.

    Thanks for your assistance, Ed

    June 18, 2018 at 5:48 pm #435373

    Educational Organization
    Expired Member
    Post count: 23
    This reply has been marked as private.
    June 18, 2018 at 7:36 pm #435381

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    June 18, 2018 at 10:44 pm #435397

    Educational Organization
    Expired Member
    Post count: 23
    This reply has been marked as private.
    June 18, 2018 at 10:45 pm #435398

    Educational Organization
    Expired Member
    Post count: 23
    This reply has been marked as private.
    June 19, 2018 at 7:51 am #435426

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    June 19, 2018 at 8:08 am #435427

    Guust
    Moderator
    Post count: 29970

    Please check now.

    100% is not a valid width in the slider settings: changed

    And you need to tick “AnimationLoop”: fixed

    Thanks

    June 19, 2018 at 2:41 pm #435525

    Educational Organization
    Expired Member
    Post count: 23

    Thanks for looking into this.

    However, I am still getting a small slider on firefox and safari.

    At GD > Design > Scripts I put the code from:

    https://wpgeodirectory.com/support/topic/full-width-slider-images/#post-420690

    Which is:

    #listing_slider_view-9 .geodir-listing-slider-widget {height: 500px;}

    #listing_slider_view-9 .geodir_flexslider .geodir-slides img {width: 100%; max-height: 100% !important; object-fit: cover;}

    #listing_slider_view-9 .geodir-slider-title {font-size: 24px; background: #f47a20;}

    #listing_slider_view-9 #geodir_widget_carousel.geodir_flexslider.flexslider-ltr {display: none;}

    It did not change the slider into full-width on either Safari or Firefox.

    Is it not possible to make the sliders full-width?

    June 19, 2018 at 2:45 pm #435526

    Educational Organization
    Expired Member
    Post count: 23

    All of the css you mentioned previously was given to me by GD support to center the logo. However, I wanted the menu to stay in the header. How could I do this? Here is the css mentioned above:

    I am looking at the site now and found this in the custom CSS.

    .header-wrap {
    z-index: 99999!important;
    }

    This was causing an issue with the “My Account” link in the menu.

    function gd_custom_home_logo() {
    ?>
    <div class=”gd-custom-logo”>
    <div class=’site-logo’>
    ‘ title='<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>’ rel=’home’>‘ alt='<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>’>
    </div>
    </div>
    <?php
    }
    add_action( ‘sd_homepage_content’, ‘gd_custom_home_logo’, 9 );

    June 19, 2018 at 2:48 pm #435527

    Educational Organization
    Expired Member
    Post count: 23

    How can I tell which is a GD page and which is a WP page? I have search several times in the GD documentation and forums without an answer.

    Thanks again for your rapid responses Alex and Guust. Sorry about being such a bother, Ed

    June 19, 2018 at 5:56 pm #435536

    Alex Rollin
    Moderator
    Post count: 27815

    GD pages are the ones listed in the GeoDirectory Permalinks settings at the bottom of the page.

    These are pages like GD Home, Login, and Location

    I edited the CSS and added it.

    Check and let us know.

    June 20, 2018 at 9:28 pm #435749

    Educational Organization
    Expired Member
    Post count: 23

    Thank you Alex, the image is much wider. Is that considered full-width?
    It is about 3/4 of the width of the featured image and background.

    Where does the number 17 come from that you edited into the css? Is that a page number?

    Thanks again, Ed

    June 20, 2018 at 11:49 pm #435753

    Alex Rollin
    Moderator
    Post count: 27815

    That is a CSS customization based on the ID of the widget visible in the source code.

    To customize it further you can edit the CSS to meet your needs or contact a GD Expert developer.

    https://geodirectoryexperts.com

  • Author
    Posts
Viewing 14 posts - 16 through 29 (of 29 total)

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

Open Support Ticket