Shopify themes, liquid, logos, and UX
I tried making the collection list and featured collections wider on the home screen with
}
.page-width {
max-width: 90%;
padding: 0px 5px;
}
However, the slideshow is now off center. It also deleted the button, for "explore" under where it says credit card geometry. Can you tell me how to fix? Thanks
Solved! Go to the solution
This is an accepted solution.
.slideshow__text-container.page-width {
max-width: 100% !important;
}
Add this code in theme.scss or style.css
Thank you.
Please share store URL.
Thanks!
hello @adevster8
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
It's still in trial for my friend so it's not viewable yet. But basically the collection pages, featured collections and everything are the perfect width now but the slideshow text is slightly to the left now. And the first One deleted the button. Thanks for your quick response!
Please share preview URL.
Thanks!
Hii, @adevster8
Kindly share your store URL so,
I can solve this issue.
Thank You.
This is the one I was referring to. My apologies, it wasn't published so I sent the wrong one.
Basically, everything looks good after i added the code besides the slideshows which text and buttons are now slightly too far to the left and the section that says "fall sale," which needs some margin space on the left. Thanks.
Sorry! It wasn't published so I sent the wrong one twice. That's the one that needs to be fixed.
@media only screen and (min-width: 750px){
.highlight__image {
margin-left: 0% !important;
}
.highlight--align-middle .highlight__content-container, .highlight--align-middle .highlight__image-container {
margin-left: 108px !important;
}
}
Add this code in theme.scss or style.css.
@adevster8
Thank you.
Nope, that didn't work. I appreciate your help, but I'm still seeing the same bit offcentered.
I have fix the border alignment,
Would you like to remove it.
Thanks for your help, but for some reason, I'm not seeing that.
It looks like it's still off centered after the code. Appreciate your help though.
@media only screen and (min-width: 750px){
.highlight__image {
margin-left: 0% !important;
}
.highlight--align-middle .highlight__content-container, .highlight--align-middle .highlight__image-container {
margin-left: 70px !important;
}
}
use this code. or mark properly what do you want.
Yup, that fixed the Gift box part, I appreciate it! The slideshow text is still off center to the left though.
I don't get you .
kindly share a screenshot of it.
I appreciate your help, this was my original question. The text of the slideshow is off center to the left.
The second slideshow towards the bottom is off center as well. Everything else looks good after widening the rest of it though.
This is an accepted solution.
.slideshow__text-container.page-width {
max-width: 100% !important;
}
Add this code in theme.scss or style.css
Thank you.
Thank you!
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024