How to Move The Add to Wishlist Button to the Left?

Hello friends, I would like to know how to move the add to wishlist button to be aligned to the left like everything else on this page. See below.

URL: www.atmosphaera.co

Theme: Taste V2

Hi @atmosphaera , you can move the Add to Wishlist Button to the Left by following these steps:

  1. Navigate to Online store => Themes => Edit code

  1. Find base.css file on Assets folder and add this code to the end of the file :
.Vtl-WishlistButton__AddToWishlist {
   justify-content: flex-start !important;
}

In case you only want button on the left in desktop mode, add this code snippet:

@media screen and (min-width: 750px) {
   .Vtl-WishlistButton__AddToWishlist {
       justify-content: flex-start !important;
   }
}

And here is the result :

Hope this can help you.

  • Here is the solution for you
  • Please follow these steps:

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.Vtl-WishlistButton__AddToWishlist {
 float: left !important;
}
  • Please add the above code to the last line of the theme.css file.
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

thank you so much for taking the time to help me!