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.
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
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; }