Narrative Theme Product Images

Solved
Kay30
Excursionist
42 3 7

I am using the narrative theme.  My images were showing all at different levels on the product page.  So I made all my images the same size thinking that would resolve the problem but the images are still not lined up properly.  How can I fix this?  TIA  fierceboldproducts.com/collections/all

0 Likes
Dallas
Shopify Staff
Shopify Staff
911 60 175

Hey, there!

This is Dallas from the Shopify Social Care team. I would love to see what I can do to help you out with this.

If you go into your theme editor (Online Store > Themes > Customize) and go to your collection list page you'll be able to change it from collage to grid. That should straighten up the view of the images.

20-08-prk9l-7n93q

 

If, however, that doesn't appear to fix the issue then it could be due to a coding issue. Have you by chance changed anything in your theme code? I'm thinking that could be where the issue is residing.

If you have you can go to Online Store > Themes > Action > Edit Code then you can see a list of all of the code pages for your site. At the top of the theme code that you edited you'll be able to roll back to any of the previous customizations. I want to stress that this will NOT remove anything that you have done permanently. You can roll back and forth as much as you like even when you press save.

20-08-kyys5-6hlrj

 

So if you can first try going into your theme customizer and then going to your theme code to see. If that still isn't resolving the issue could you try downloading a new version of your theme to see if the same alignment issue is there as well? To download a new version you'll just have to go back to the theme store

Once you have done all of those steps please let me know what you see.

Dallas | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

This is an accepted solution.

Hello,

1. In your Shopify Admin go to online store > themes > actions > edit code
admin-page.png

2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
.card__wrapper {
 margin-top: -20px !important;
}
</style>



Let me know whether it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
Kay30
Excursionist
42 3 7

@diego_ezfy  

Thank you so much!!  It worked with no problem.

0 Likes

I'm glad to hear that, @Kay30 

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
FatimajDawson
New Member
1 0 0

*UPDATE* Figured it out.

 

Hello. I am having an issue with the collections picture as well. All photos have this white background behind them, vs the transparent background of the png photo. How do I fix this?

 

Any and all help is needed.

 

Thank you

Screen Shot 2020-12-17 at 6.46.36 PM.png

0 Likes