Sun, 2012-02-12 20:27
Hey everybody. I'm fairly new to CSS and still learning my way around. For reason, I am not able to center the carousel (slider) buttons on the home page of our website. I would appreciate any help possible and apologize if I posted incorrectly ... just a newb 
This is the CSS I'm using to edit the carousel:
.pagination { margin: auto; } .pagination li { display:inline; } .pagination li a { background:url(images/btn-slider.png) no-repeat; display:inline-block; overflow:hidden; width:20px; padding-top:20px; margin: 0 10px 0 0; } .pagination li.active a, .pagination li a:hover { background:url(images/btn-slider-active.png) no-repeat; }
Here is the code:
<?php global $woo_options; query_posts('post_type=slide&order=ASC&orderby=date'); if (have_posts()) : the_post(); $count = 0; ?> <div id="woofader"> <div id="featured"> <?php rewind_posts(); ?> <div id="featured_slide"> <?php if (have_posts()) : while (have_posts()) : the_post(); $count++; ?> <div style="background-image: url(<?php echo get_post_meta($post->ID, "slide_background", true); ?>);"> <div class="col-full"> <a href="<?php echo get_post_meta($post->ID, "featured_url", $single = true); ?>"> <div class="slide <?php if($count > 1) echo ' hidden'; ?>"> <?php if ( get_post_meta($post->ID, 'slide_image', true) ) { ?> <div class="featured-image"> <img src="<?php echo get_post_meta($post->ID, "slide_image", $single = true); ?>" alt="" style="margin-bottom:<?php echo $woo_options['woo_featured_image_margin']; ?>px;" /> </div> <?php } elseif ( get_post_meta($post->ID, 'slide_embed', true) ) { ?> <?php echo woo_embed('key=slide_embed&width=460&height=320&class=video'); ?> <?php } ?> <div class="wrap"> <h2 class="title"><?php the_title(); ?></h2> <?php the_content(); ?> </div> </div> </a><!-- /.slide --> </div> </div> <?php endwhile; endif; ?>
Sun, 2012-02-12 20:41
#1
Link to site
I forgot to post the link to the website ... http://activ8social.com
Sat, 2012-02-18 12:32
#2
hello.
[do not make empty posts, especially with links ~gt]