How to add an image and position to centre with Impact theme?

Solved

How to add an image and position to centre with Impact theme?

AshKage
Tourist
4 1 2

Hello all,

 

I'm still relatively new here and building my store, I'm currently customising Impact theme.  I'm trying to add an image before the footer of my product page, and I couldn't find an option to do so via "add section".  So, instead I used custom liquid to add the image from my Shopify files, I tried adding additional code to centre it, but it doesn't change.

 

Any ideas?

 

Best regards,

Ash.

Accepted Solution (1)
AshKage
Tourist
4 1 2

This is an accepted solution.

Managed to sort it with the following:

"""<div style="text-align: center;">

    <img src="https://cdn.shopify.com/s/files/1/XXXXX/XXXXX/image-name.jpg"

         alt="Rewritten Journal Comparison"

         style="max-width: 80%; height: auto; display: block; margin: 0 auto;">

</div>""""

View solution in original post

Replies 4 (4)

topnewyork
Astronaut
1130 151 189

@AshKage 

Hi , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
AshKage
Tourist
4 1 2

This is an accepted solution.

Managed to sort it with the following:

"""<div style="text-align: center;">

    <img src="https://cdn.shopify.com/s/files/1/XXXXX/XXXXX/image-name.jpg"

         alt="Rewritten Journal Comparison"

         style="max-width: 80%; height: auto; display: block; margin: 0 auto;">

</div>""""

Made4uo-Ribe
Shopify Partner
9867 2349 2946

Hi @AshKage 

Please, share the preview theme. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

htmlBurger
Shopify Partner
83 7 20

Hello,

 

There are sections in the Impact theme that can show an image natively, without the need for Custom Liquid. You can try the Media Grid section and add only one item. If this doesn't work for you and you need something more custom, can you please clarify what exactly you need and perhaps share the code you are using?

Found this helpful? Like and accept as solution to help others too!
htmlBurger – Founded in 2007, Shopify experts for 10+ years.
Custom themes, UI/UX design, ongoing maintenance & support.
Let's talk: ecom@htmlburger.com