Some Woocommerce styling questions

Hi,
Thank you for your patience, as I understand you still have these issues:

5. Is there any way to increase the space between the PRICE and the quantity selector?
Please try this css and adjust to suit.

#top .woocommerce-variation-price {
	padding-bottom: 20px;
}

6. There is a large green box that appears after clicking “Add to Cart”. How can I change the color of that box?
Please try this css and adjust the colors to suit.

#top div.woocommerce-message {
    border-color: #5b61af;
    background-color: #bbb5f1;
    color: #eeeeee;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
For the large gap between the header text and the main body of the linked page please try this css:

#top.archive .woocommerce-products-header #after_full_slider_2 .template-page {
	padding-bottom: 0;
}
#top.archive .template-shop .template-shop.content {
	padding-top: 0;
}

After applying the css, please clear your browser cache and check this page and others to ensure that this doesn’t cause a conflict on other pages, if it does please link to these pages so we can check and adjust.

Best regards,
Mike

Hi,
Glad to hear, to change the color of the items in the checkout to all black, try this css:

#top.woocommerce-checkout .main_color tr:nth-child(even){
	color: #000;
}

to change the mini-cart “subtotal” to total, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_mini_cart_total_script() { ?>
  <script>
(function($){
  $(function() {
$( "p.woocommerce-mini-cart__total strong" )
  .text( "Total" );
 });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_mini_cart_total_script');

After making these changes please check, I believe this was all of the items on your list.

Best regards,
Mike

Hi,
Yes, I work weekends :) can you include a login so I can see why the subtotal is not working?

Best regards,
Mike

Hi,
Thanks, I updated how your “Add View Cart button to product page” was written and that allowed my script after it to work correctly, please check

Best regards,
Mike

Hi,
Thanks for the feedback, I adjusted it to include a setTimeout, please check again.

function custom_mini_cart_total_script() { ?>
  <script>
(function($){
  $(function() {
  setTimeout(function(){
$( "p.woocommerce-mini-cart__total strong" )
  .text( "Total" );
  },800);
 });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_mini_cart_total_script');

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike