Reduce Instagram feeds displayed

Solved
Tourist
14 0 0

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

Success.

Trailblazer
529 129 170

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

Success.

Trailblazer
529 129 170

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
Tourist
14 0 0

OMG it works!!

Thanks a bunch!!! It looks great!

Thank you, again!

Capture.JPG

 

0 Likes
Trailblazer
529 129 170

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