move slider arrows

Here is my site: http://test.heatherlindemenn.com/

Hi!

How can I move the slider arrows to the bottom of the slider image?

Also, I added WooCommerce to the site and on the shop page it completely changed the layout of the page taking away the content container. Do you know how I can fix this or should I reach out to the woo people?

Thank you!

 

1. Duplicate the page.php in root root of your theme.
2. Rename it to woocommerce.php
3. Next you need to find the loop. The loop usually starts with a:
<?php if ( have_posts() ) :
and usually ends with:
<?php endif; ?>
4. Delete the code and replace it with

Code:

<?php woocommerce_content(); ?>

-------------------------------------------------------------------
For Slider nav:

Code:

.nivo-directionNav {
margin-bottom: 46px;
}
.nivo-directionNav a {
bottom: -46px;
}

 

That worked. Thank you! One more question:

how do I remove the sidebar content that is showing up on the shop page? I have full-width template chosen.

http://test.heatherlindemenn.com/shop/

 

Hi chassieb
You need to remove following code from woocommerce.php

PHP:

<div class="col-lg-8 col-md-8 col-sm-8">
          <?php get_sidebar(); ?>
</div>

I have also attached woocommerce.php file in a zip, you can replace your code with it..


Suggestion:
Add following CSS to improve buttons on your cart page

Code:

.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page .cart .button, .woocommerce-page .cart input.button {
width: auto;
display: inherit;
}