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

f22london1
Excursionist
24 1 1

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

Replies 4 (4)

PageFly-Noah
Astronaut
1119 201 220

 

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

f22london1
Excursionist
24 1 1

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

 

PageFly-Noah
Astronaut
1119 201 220

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>

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BSS-TechFusion
Shopify Expert
149 26 15

Hi @f22london1,

You can try the following steps:

 

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

 
view.png

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:

 

 
view.png

 

 

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!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development