Disable pause on hover for DIVI slider module


The DIVI slider now defaults to "pause on hover" and there is no setting currently available to disable pause on hover. To turn in off you need to login to your web hosting control panel or FTP to: wp-content/themes/Divi/js/custom.js

 From this file you can remove the following:

if ( settings.slideshow && et_slides_number > 1 ) {
$et_slider.hover( function() {
$et_slider.addClass( 'et_slider_hovered' );

if ( typeof et_slider_timer != 'undefined' ) {
clearInterval( et_slider_timer );
}
}, function() {
$et_slider.removeClass( 'et_slider_hovered' );

et_slider_auto_rotate();
} );
}


Add drop shadow to image

To add drop shadow to an image, go on that image module -> custom css -> main element and add this code :

-webkit-box-shadow: -29px 35px 35px -11px rgba(0,0,0,0.61);
-moz-box-shadow: -29px 35px 35px -11px rgba(0,0,0,0.61);
box-shadow: -29px 35px 35px -11px rgba(0,0,0,0.61);
border-radius: 50% !important;

Full width featured images on Divi posts page

Looking to make the featured images full width? Add this css code to Divi->Theme Options->General Panel->Custom Css:

.home #main-content .container {
width: 100% !important;
}

.home #main-content .et_pb_post img,.home #main-content .et_pb_post h2.entry-title {
width: 100%;
}

Custom logo for mobile devices

To set up a custom logo for mobile devices, add this css code to Divi->Theme Options->General Panel->Custom Css and change the marked value:

@media only screen and (max-width: 767px) {
.et_fixed_nav #logo {
content: url('http://www.thexyz/images/logo.png') !important;
}
}

Different logo on homepage with Elegant Themes

If you are looking to have a different logo on the homepage for an Elegant Theme, whether it be Divi or Extra or any other theme. You can do so with the followng custom CSS.

.home .et_pb_fullwidth_menu #logo {
content: url('http://www.cssdorks.com/preview/img/wp-content/themes/images/logo.png') !important;
}
}


Want to share CSS?

Do you make CSS edits and want to share your work. We have easy tools to allow you to share your work on cssDorks.

Search

Tags

For more info on web hosting and design services, consult the experts at http://hosting-server.net

NYC Airports Limo offers NYC limo Service and New York Limousine Service from New York City to John F. Kennedy - JFK, LaGuardia Airport - LGA, Newark Liberty Airport - EWR and Westchester County Airport - HPN. NYC Airports Limo use Sedans & SUVs for Limo Service NYC to NJ, Pennsylvania, Connecticut, New Jersey, Long Island, Queens, Brooklyn, Bronx, Staten Island, New York City, Nassau County, Suffolk County & Upstate NY. NYC Airports Limo is has vast experience in assisting clients get to popular destinations.

CT Airlink offers the Airport Shuttle Service throughout Connecticut to JFK, LaGuardia - LGA, Newark - EWR, Boston Logan, Westchester County Airport - HPN and Hartford Bradley Airport. CT Airlink use Mini Coach, Mercedes Sprinters and Luxury Vans for CT Airport Shuttle . Allow us to assist you getting to and from all airports in New York, Connecticut and New Jersey with total ease & comfort or to provide private charter service with our Airport Transportation & Bus Service CT for the entire duration of your stay.