Move button postion

[Phreshcareco]

Hey guys,

Was hoping someone could help with button postion i would like to have the buttons placed ontop of the images not the bottom. 

Url- www.phreshcareco.com.au

[BSSCommerce-B2B · Accepted solution]

Hi @Phreshcareco 

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css

Step 3. Add this code to the end of file

.slick-list .multicolumn-card.content-container {
  display: grid!important;
}
.slick-list .multicolumn-card.content-container .multicolumn-card__image-wrapper {
  order: 2!important;
}

Result:

If it helps you, please like and mark it as the solution.

Best Regards

[BSSCommerce-B2B · Accepted solution]

Hi @Phreshcareco 

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css

Step 3. Add this code to the end of file

.slick-list .multicolumn-card.content-container {
  display: grid!important;
}
.slick-list .multicolumn-card.content-container .multicolumn-card__image-wrapper {
  order: 2!important;
}

Result:

If it helps you, please like and mark it as the solution.

Best Regards

[Dan-From-Ryviu · Accepted solution]

Hi @Phreshcareco 

You can do that by adding this code to Custom CSS of that multiple column section 

.multicolumn-card {
    display: flex;
    flex-direction: column-reverse;
}