Full width slider is needed on Front Page

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