Moving "Sold Out" button to the top left - Dawn Theme

Store Design
1

Hi, I am hoping to move the sold out button to the top left corner instead of the bottom left corner. I have attached a picture.

Store URL is: https://gladscollectibles.ca

Thanks in advance!

Screen Shot 2022-02-18 at 4.58.21 PM.png
Screen Shot 2022-02-18 at 4.58.21 PM.png367×431 143 KB

2

Hi @mercedesyeast

Please try following those steps:

  1. Go to Online Store > Themes > Edit code > Assets > Open component-card.css
  2. Find .card__badge > Replace this section
.card__badge {  
bottom: 1rem;  
display: flex; 
flex-wrap: wrap; 
left: 1rem; 
position: absolute; 
}

with this one:

.card__badge { 
display: flex; 
flex-wrap: wrap; 
left: 1rem; 
position: absolute; 
top: 0.3rem; 
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

1 Like