Badges on website

Hello, could anyone please help with how i could add these kind of badges to my own website?’

Website with badges is https://steamrex.com/

My website is https://vaskogskin.com/

1 Like

Hi @Vask_og_Skin

That is not a badges, that is icon section. In order to add this kind of section design youll need a developer to add this into your free theme.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

This is Noah from PageFly - Shopify Page Builder App

Hi @Vask_og_Skin ,

This is a section and you can design it as your theme allows. section divided into 2 rows. The first row is the title and sub title. The second row includes 3 columns, each column contains 1 image, 1 title, 1 sub title.
You can design it yourself if your theme allows, or use the “page build app” to design it and add it to your website.

Best regards,

Noah | PageFly

Hi @Vask_og_Skin This can only be done by custom coding if your theme doesn’t have this option by default, I can provide you the base code so that you can have the same type of section, You need to update the code according to your theme code. For providing you the exact code I will need to look into you theme code files.


  

    

      
      

Icon 1 Text

    

    
      
      

Icon 2 Text

    

    
  

.icon-section {
  background-color: #f9f9f9;
  padding: 50px 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.icon-item {
  text-align: center;
}

.icon-item img {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.icon-item p {
  font-size: 16px;
  font-weight: bold;
}

Please Note: This is the base code, you need to edit it according to your theme files.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil