These section is configured "full-screen" the margins that i want to remove are the orange color in the screenshot. All the sections that i configured "full-screen" appear with these margin.
Ok, thanks. So to remove those padding, please go to section settings where this item is and in place of Custom | Classes field, put full-width class name.
I came across this kind of problem as well. I would like to make the photo in the middle of the page perfectly fit with the screen. However, I have put "full-width" in the Custom / Classes field, but I have no luck. There are still have left-and-right space.
Here is my screenshot.
here is my website: www.tomtomspark.com
Thank you for your support.
Korn
P.S. Bikutorum, I am sorry to use your post, but I have found that you had the same problem as me. So, I put my question here. I hope you don't mind.
@KornBhumisith Your background is only 1240px and it's not big enough to go entire full screen. So if you want to make it full width in spite of all, you need to use the following css:
@muffingroup Yes, I know that my background is only 1240px, but when I tried to put 1920px, it goes entire full-screen but it became too large. I will try to put the code you gave me, and then I will report to you again.
But if you would use the css we gave you above, there is no need to upload larger image. Just use the smaller one as before (1240px width). The css we gave you above, extends smaller images.
muffingroup First, I have tried background at 1240px, and with the code. It did not display as full-width. So, I tired upload a new one, 1920px, with the code. It displays as you can see...
It is possible, if you can come to take a look ? how can I add you as an admin to see my website ?
We tried with the previous background (1240px) and with the code we gave you above and it worked. So you must did something wrong if it doesn't work for you (maybe pasted code in the wrong place, some issues in css section and that's why any code below the mistaken place doesn't work). Please notice that except the solution we gave you already above, it is not possible to do anything else to make background full width.
To display background image without any content inside, you need to distend section with padding just like you wrote above. That's the only right way to do this.
In the home, if you push de button "COMENCEMOS" go to a section. The section that we was talking in the past question in these post. I put full-width class name for remove the left padding, because i want put the content of the section in the top without padding.
Comments
for that you need to set Full Screen style for the section item.
Korn
.section { background-size: cover !important; }Please guide me what should I do.
Thanks for your support!
First, I have tried background at 1240px, and with the code. It did not display as full-width. So, I tired upload a new one, 1920px, with the code. It displays as you can see...
It is possible, if you can come to take a look ? how can I add you as an admin to see my website ?
Thanks for your help!
Korn
Korn
I have got it. Thanks a lot : )
#welcome .section_wrapper { padding-top: 0px !important; }