In this article I am showing how to accomplish this. Flex Pro theme have slider CPT. Step 1: Navigate to Dashboard > Slider > Add New page and change the WP Editor mode from Visual to Text. Now create a slider post and put the following HTML markup in WP Editor. <div class=”slider-search-form”> <form role=”search”… Continue Reading
slider
Adding Responsive Slider on Home Page – Whitespace PRO Theme
Original Request: Is it possible to add a slider to the Whitspace theme homepage? Maybe where the stretch image is? I tried just placing the Genesis responsive slider widget in the Welcome widget area but that didn’t work. – RoxG I did following steps: Step 1: First install the Genesis Responsive Slider Plugin on your… Continue Reading
Create a random order backstretch slider on home page
First upload the backstretch.js file in js folder of your child theme. Then add the following code in your functions.php file add_action( ‘wp_enqueue_scripts’, ‘enqueue_bs_script’ ); function enqueue_bs_script() { if( is_front_page() || is_home() ){ wp_enqueue_script( ‘backstretch-js’, get_bloginfo( ‘stylesheet_directory’ ) . ‘/js/backstretch.js’, array( ‘jquery’ ), ‘1.0.0’ ); } } add_action(‘wp_head’, ‘random_backstretch_slider’); function random_backstretch_slider(){ if( is_front_page() || is_home()… Continue Reading
Adding Fullwidth Flexslider on Home page in Minimum PRO Theme
After long gap another new tips is published today. Currently lot of users are using the Genesis Responsive Slider or Soliloquy Slider in Genesis Child Theme. But I am going with free version slider. Flexslider is a free slider which is coming from WooThemes. Minimum PRO Theme have no slider option for home page. So… Continue Reading
Make slider excerpt on Executive PRO theme look like Outreach PRO
Executive PRO theme is using the Genesis Responsive Slider. We need to modify the CSS little bit. I did following changes in the style.css file: Go to line no 890 and replace the current with this one .content .genesis_responsive_slider .slide-excerpt { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); margin: 0; opacity: 1;… Continue Reading
