2 replies [Last post]
acapdesigner
Offline
newbie
Last seen: 2 years 10 weeks ago
Timezone: GMT-5
Joined: 2012-02-12
Posts: 2
Points: 3

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 Smile

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; ?>

acapdesigner
Offline
newbie
Last seen: 2 years 10 weeks ago
Timezone: GMT-5
Joined: 2012-02-12
Posts: 2
Points: 3

Link to site

I forgot to post the link to the website ... http://activ8social.com

tan106
tan106's picture
Offline
newbie
Last seen: 2 years 9 weeks ago
Timezone: GMT+8
Joined: 2012-02-18
Posts: 5
Points: 5

hello.

[do not make empty posts, especially with links ~gt]