Editing slideshow in Masonry

Solved
adabey
Tourist
3 0 1

Hello all,

 

I have two questions I could use advice on. Both deal with best practices using a slideshow.

I am using the Masonry theme. On my home page, we have a slideshow. We're hoping to get a video into this slideshow. Is a GIF the only option? And if so, is there a way to get around the 20 MB limit? I imagine a custom slideshow section could accomplish that but I don't know much about that route. 

I would also like to customize how a photo is displayed in mobile. Attached are two photos--one of this photo in mobile, and one of it in desktop. The mobile photo is obviously not displayed ideally. Unsure how to change this particular photo's scaling properties. 

bedestan web slideshow image 2.pngbedestan mobile slideshow image 2.png

0 Likes
KetanKumar
Shopify Partner
14296 1663 5142

Hello, @adabey 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
adabey
Tourist
3 0 1
Hello @KetanKumar.

Thank you for helping. My site is at bedestan.co (bedestan-co.myshopify.com)
but it is currently private. The temporary password is 'chivia'.
0 Likes
KetanKumar
Shopify Partner
14296 1663 5142

This is an accepted solution.

@adabey 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css->paste below code at the bottom of the file.

@media (max-width: 450px) {
.slide.slide--1.has-tint.slick-slide .rimage-outer-wrapper {
    background-position: -350px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
adabey
Tourist
3 0 1

Magic! Thank you so much, @KetanKumar. Hero.

If you wouldn't mind, just to make sure I understand...

".slide.slide--1"... this is the part that identifies the image in question? 

"-350px" is the argument that moves the image's mobile centering? 

I have much to learn about css! Thankful there are people like you with much more expertise!

KetanKumar
Shopify Partner
14296 1663 5142

@adabey 

Thanks for update and your support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Mattlockouttool
Tourist
3 0 1

Is there a code that would enable the slideshow to be smaller on the home page with the Masonry theme? Ive tried changing the size of the images but that doesn't change the size of the slideshow. Please help! 

KetanKumar
Shopify Partner
14296 1663 5142

Hello, @Mattlockouttool 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Mattlockouttool
Tourist
3 0 1

lockouttoolcenter.com is my URL

Thank you for your response. 

0 Likes
KetanKumar
Shopify Partner
14296 1663 5142

@Mattlockouttool 

Thanks 

sorry but your store is password protecct

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes