How can I slightly relocate an image on my webpage?

manoman
Explorer
61 1 6

How do I move this picture: https://gyazo.com/ddc3b830ddf07e4f09c3f29edf37f7bf   So that its here: https://i.gyazo.com/5d22e13e7706f54df52a4d79103c4203.png   Same size and everything, just want it moved slightly so its in line with everything, for desktop, mobile is fine. Thanks!

 

URL: https://3019b0-2.myshopify.com/pages/mallorca

 

password: mano 

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

Hi @manoman 

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code 

@media (min-width: 786px) {
#shopify-section-template--19932304638288__19bdd97e-3e2a-4aef-ad61-c5f67b2b023e .image-with-text__media img {
    object-fit: contain;
    max-width: 200px;
    left: 333px;
}
}

Screenshot 2023-11-13 at 16.11.24.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

manoman
Explorer
61 1 6
Dan-From-Ryviu
Shopify Partner
7538 1454 1452

Go to your Online store > Themes > select page template, select that section, add code in Custom CSS of that section 

@media (min-width: 786px) {
.image-with-text__media img {
    object-fit: contain;
    max-width: 200px;
    left: 333px;
}
}

Screenshot 2023-11-13 at 16.25.35.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

manoman
Explorer
61 1 6

Will try that in a bit and get back to you. Thanks

PageFly-Henry
Astronaut
983 281 225

Hi @manoman 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

#shopify-section-template--19932304638288__19bdd97e-3e2a-4aef-ad61-c5f67b2b023e .image-with-text__media img {

    left: 182px !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.