Align slideshows in the centre of a collection page

Solved
plug_agency
New Member
7 0 0

Hi, I have an issue with my slideshows not aligning centrally. I cant find the code that control it and wondered if anyone could help. This is the page https://www.homefixed.uk/collections/frontpage - it aligns perfecly on mobile but on desktop it aligns to the left. 

TIA

Nick 

0 Likes
Pallavi
Shopify Expert
756 97 112

Hello There,

Please share screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes

Hi,

Cant find slideshow on this page

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
plug_agency
New Member
7 0 0

Hi, thanks for the reply. I've attached the screenshot, they are sliders, but I've only put 1 image in, as I don't want them to slide. It's not the original artwork as that is central, please also in the attached files. 12_months_guarantee-100.jpgBooking_process-100.jpg

Screenshot 2021-02-11 at 08.54.57.png

0 Likes
Pallavi
Shopify Expert
756 97 112

Yes i cant find slideshow on this page

https://www.homefixed.uk/collections/frontpage

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Pallavi
Shopify Expert
756 97 112

Hello There,

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

section.home-slideshow.home-slideshow-layout-full-width {
max-width: 1260px!important;
margin: 40px auto!important;
}

@_media (min-width: 1260px)
.home-slideshow.home-slideshow-layout-full-width {
margin-left: auto!important;
}

Screenshot :- https://prnt.sc/z2okyj

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
plug_agency
New Member
7 0 0

Hi thanks for the tip, unfortunately it didn't work. There is no scss.liquid so I put it into the css.liquid 

 

Screenshot 2021-02-11 at 09.38.46.png

0 Likes
Pallavi
Shopify Expert
756 97 112

Add this one css 

section.home-slideshow.home-slideshow-layout-full-width {
max-width: 1260px!important;
margin: 40px!important;
}

@_media(min-width: 1260px){
.home-slideshow.home-slideshow-layout-full-width {
margin-left: auto!important;
}

}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
plug_agency
New Member
7 0 0

thanks, I added it but now it's justified to the right still not central

Is the code in the correct area?

 

Screenshot 2021-02-11 at 09.57.00.png

0 Likes
plug_agency
New Member
7 0 0

Hey it must've taken time to come through as I can now see it's centralised! Thanks so much for your help!

0 Likes