Support » Themes and Templates » Flexslider (Padding?) Issue in Google Chrome

  • Hey everyone! Hopefully this is in the right place. I’m having some issues in Google Chrome with a Flexslider slideshow on one of my sites (I’m developing the theme).

    Works great in latest version of Firefox, but the slides are being cut off on the right side in Chrome. It’s a custom post type, with its own loop which goes something like

    <div id="feature-slider-container">
            <div class="flexslider" id="feature-slider">
                    <ul class="slides">
    $features = query_posts(array(
    					'post_type' => 'features',
    					'orderby' => 'id',
    					'posts_per_page' => -1
    				while(have_posts()) : the_post(); ?>
                            <li class="features">
                            	<h2><?php the_title(); ?></h2></br>
                                    <?php the_content();
                    //Resets $wp_query

    My CSS is a little jumbled, but I have:

    #feature-slider-container {
    	padding: 0 95px 0 95px;

    Plus default flexslider.css

    I have additional (yes they’re unnecessary, I know) div containers for organizational purposes. If anyone can toss out some help, I’d appreciate it! Let me know if more info is needed 🙂

  • The topic ‘Flexslider (Padding?) Issue in Google Chrome’ is closed to new replies.