Reduce Instagram feeds displayed

Solved
Highlighted
Excursionist
17 0 1

Since I can't find the theme.scss, I tried pasting it on both the  theme.js.liquid (under Assets) and  theme.liquid instead but the whole page just turns blank.

FYI, I don't know anything about coding and stuff and I just literally copy and paste your code at the end of the page. So maybe there's sth wrong with the way I did it, I guess :(.

0 Likes
Highlighted
Shopify Expert
667 170 218

This is an accepted solution.

Don't add this code to js files, it will break everything. Most of the themes have theme.scss.liquid file, in your case you need to add the code in theme.liquid file, but you need to wrap the code in <style> tag inside the body.

<style>
    #instafeed a:nth-child(9),#instafeed a:nth-child(10),#instafeed a:nth-child(11),#instafeed a:nth-child(12) {
         display: none!important;
    }

    #instafeed a {
        width: calc(80% /4.4);
    }

    #instafeed {
        display: flex;
        flex-wrap: wrap-reverse;
        align-items: center;
        justify-content: center;
    }
  </style>

https://prnt.sc/p85ngb

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Highlighted
Shopify Expert
667 170 218

This is an accepted solution.

Js file is for Javascript scripting language, the code I gave you is CSS code (Cascading Style Sheets), you can add the code is scss, css and style tags only.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Highlighted
Excursionist
17 0 1

OMG it works!!

Thanks a bunch!!! It looks great!

Thank you, again!

Capture.JPG

 

0 Likes
Highlighted
Shopify Expert
667 170 218

Your welcome! :)

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes