How can I make the Instafeed App full width on all pages?

Hello there, I would like to have the InstaApp full width on all the pages. Basically, I want to remove the side spacing. I understand I also have the option to add a custom code within the Shopify page builder. Could anyone please help me out with this? Many thanks! :))

URL: https://www.aperitivo.club/

PSW: buflud

1 Like

@Alex-88

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
#shopify-section-template--15327613026501__1639428283f758727d .page-width, #insta-feed {
    padding: 0;
}

Thank you so much! However, there is still a small spacing showing. I would like it to have no margin at all and keep the full page width. Also the chance has been applied to the homepage only. Is there a way to change all the pages? Many thanks!

@Alex-88

yes but i can’t see code please add and check

Code added. Apologies, I removed it because it wasnt working. Thanks

1 Like

@Alex-88

oh sorry

can you remove fist code than add this new one

#shopify-section-template--15327613026501__1639428283f758727d .page-width, #insta-feed {
    padding: 0 !important;
}

I also trying to do that, but cannot find asset — base.css ? i am in french could you indicate me under what name should i find it to put the code ?

Hi there @KetanKumar

Thanks for helping out!

I’ve managed to reduce the padding (bottom/top) to zero, though I still have spacing on the sides, regardless of how many columns I create.

I also do not have a base.css file, presumably because my css is custom.

Do you think you might have any advice as to how to remove the side margins that are white, so that my Instafeed photos can take up the entirety of the screen and not be distorted?

Thanks

1 Like

@scooterswayze

oh sorry for that issue

can you please send store url so i will check and let you know

Hi @Lesparentales @scooterswayze @Alex-88 If you are not able to find the base.css then you can add the code in your theme.liquid file as well, but please remember to add it in the head section just above to this

If you need any assistance then please feel free to ask the same.

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

Best Regards

Sahil

shop.substancestudio.ca

yes123!

It absolutely did not help, and it created an additional issue, making that specific code appear at the top right of the website/page, and has created additional unwanted spacing between sections that were not previously problematic.

Hi @scooterswayze Remove the code and also I am unable to find the Instafeed in your store, so if you can add the code of instafeed and enable the same then I can provide you the exact code that will work for you.

Best Regards

Sahil

Hi Sahil,

Instafeed is currently up on my store, I’m not sure what you are referring to brother.

See screenshot.

Those white margins/borders on the side are what I’m trying to get rid of. I have already managed to fix the top/bottom.

Hi @scooterswayze Thanks for Explaining the issue once again.

Please add this code in theme.liquid file.


If you are not sure where is your Theme.liquid file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in Theme.
  4. Click Edit Code.
  5. Search Theme.liquid in the code in left hand side.
  6. Add the given code in the bottom of the file above tag.

Result:

If you need any assistance then please feel free to ask the same.

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

Best Regards

Sahil

That worked! Thank you very much.

Hi @scooterswayze I am happy that the solution worked for you, Can you please hit Like and Mark it as solution! It will motivate me to continue providing solution to the problems.

Best Regards

Sahil