Hi, my website is : www.TOAIArt.com (it is not password protected)
There are several sections on my home page , such as Collections section , Custom HTML section etc.
All the sections have large left and right side margins, on Desktop view . I need to remove them.
Please help.
HI @SurTri
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.scss.css ->paste bellow code in top of file
.grid__item.one-whole.medium–one-third.large–one-third.collection-collage__item.text-center, .custom__item.one-whole.align–top-middle {
padding-left: 0 !important;
}
Hope that my solution works for you.
Best regards,
Richard | PageFly
Nope, don’t see any change. Pasted your code on top.
@SurTri - not top, try by adding code at the end of your file
Nope , still no change.
@SurTri - then try this code
@media screen and (min-width: 591px){
.template-index .wrapper {max-width: 100% !important;}
.template-index .grid{margin-left: 0; !important;}
.template-index .custom-content{margin-left: 0; !important;}
}
I just copy-pasted your code . Everything is out-of-format.
You can check my home page right now as I will revert the change soon.
@SurTri - in which file and on which line did you add it? as I think some required bracket } or semi colon is missing, this is not an actual code issue
@SurTri - surely it was not added correctly, one of the semicolon or bracket error was there, can you add again? I can check
Hi @SurTri ,
You can change width of your site in Online store > Themes > Actions > Edit code > Assets > timber.scss.liquid
Find $siteWidth around line 297 , change 1050px to larger size as you want
Hope this help
Hi Suyash , I added it again. Same issue. Kindly check at your end.
@SurTri - yes it is an issue and now we can not access theme.scss.css file , so has to be a mistake with some semicolon or bracket,
can you accept me as collab? I will do it and make sure it works
Thanks , this worked.
