How can i move the link label closer to the column image ?

[f22london1]

How can i move the link label just under the column image ?

My website is f22london.com

password : password123

I want it similar to the mobile version to palaceskateboards.com on mobile

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
   .multicolumn-card .multicolumn-card__info{
      padding-top: 0px !important;
   }
  .multicolumn-card .multicolumn-card__info a{
      margin-top: 0px !important;
   }
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[f22london1]

Hi it works perfectly however the text appears off centre as the arrow is not visible, how can i make it centre ?

[PageFly-Noah]

Hi @f22london1  Iam sorry for delay, you can add code here to fix it:

<style>
   .multicolumn-card .multicolumn-card__info{
      padding-top: 0px !important;
   }
  .multicolumn-card .multicolumn-card__info a{
      margin-top: 0px !important;
   }
.multicolumn-card__info .icon-wrap {
    display: none !important; 

}
</style>

[BSSCommerce-B2B]

Hi @f22london1,

You can try the following steps:

Step 1: Sale channel => Online Store => Themes => Edit code:

 

 

Step 2: Search for base.css and add the css directive to the end of this file:

 

@media screen and (max-width: 500px) {
  .multicolumn-card__info .icon-wrap {
    display: none;
  }
}

-----------------------------------------------

Result:

I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!

[KinsJanae]

This helped, thank you so much!