Divi white space at bottom. And lastly, adjust the section margin top & bottom.

Divi white space at bottom This should work fine, but for some reason it always generates white space above. But if this image is the last element of a Section it will not only remove the images margin but also the May 30, 2012 · In vertical centered elements e. Mar 3, 2019 · Fullwidth Image Galleries always seem to look great on a website. et_pb_post { margin-bottom: 0; padding-bottom: 0; } […] Feb 21, 2023 · White space below footer jesusgpastor (@jesusgpastor) 2 years, 9 months ago Hi there, and thanks for your great work. Try to go to Current supported Stores section settings & remove the bottom divider or reduce the height of the bottom divider. Well, I was investigating the issue with the F12 console thingy on chrome. Dec 16, 2017 · Divi and its new border style options are part of one of the most recent updates. When you find the section, try to disable “Stretch Section” under Layout. Elementor White Space At Bottom - Click here for more information. This will ensure that your header section stays at the top of the page as users scroll. Need help on Divi Wordpress? Get Free Divi support from our Divi community forum. It is done. This is the site I'm working on - Divi Sticky Options are built-in Divi feature to make Divi sticky headers, footers, sidebars, buttons or any element sticky. Aug 28, 2019 · When I remove it, the page has white space below on all tabs. turns out , it was the column in the section. 0 update (that was released in October 2019), there are now much more possibilities for building custom headers with Divi. When I get rid of the tag the white-space goes away. You can find out more about these new options in my other article about designing custom header for Divi. Thanks in advance 🙂 Jul 14, 2021 · Hi @imtiazraqib Thanks for your help. This extra space can make figures look unprofessional, wasteful, or misaligned when included in reports, presentations, or dashboards. Oct 21, 2019 · I bought a pre-made layout, where the designer has put a white space at the top of pages below the navigation. That way, if someone adds a new page, it will be consistent with previous pages. My home page for some reason has blank white space on … By utilizing Divi’s responsive tools and visual builder, you can pinpoint the problematic elements and adjust their settings accordingly. A fullwidth gallery spans the full width of the browser window. Aug 17, 2023 · Learn everything about Prevent unwanted padding at the top and bottom of your site in this article from Elementor's Knowledge Base. This cause a scroll bar to show at the botttom of Aug 12, 2021 · As I was googling for this problem I have with this white gap space under my footer I haven't found my answer to it and I'm sure its the iframe but Im Jan 9, 2020 · Hi, I'm trying to fix a Divi site that for some reason only on a tablet view can scroll to the right. In this post, I’m going to show you 5 creative ways to use the Divi margin and gutter controls. Remove the Row padding. Learn which steps to take to fix Divi! Jun 23, 2020 · I have some unwanted spaces on my website. ivan-custom-wrapper which have a margin-bottom: 45px; which is causing the white space. This is very easy and simple to do we just need a little bit of CSS. I have searched the web for solutions and it appears I am not the first one to be having this issue, however none of the posted solutions have worked for me. com on your mobile device, you will see what I mean. You can make these as small or large as you'd like. Jan 26, 2024 · Blank White Space on sides of home screen Resolved fifthshotmedia (@fifthshotmedia) 1 year, 10 months ago Hi, Im using elementor page builder. Use the following CSS snippet as a quick-fix to remove that extra space: May 13, 2020 · It's due to the bottom divider for Current supported Stores section. 16 hours ago · Matplotlib is a powerful Python library for data visualization, but one common frustration among users is dealing with excessive white space—especially at the bottom of plots. May 6, 2020 · Hi. Hello, I'm encountering a weird issue where white space is added to the top and bottom of the page header. Theme is 2023. Within this simple and intuitive UI, you can customize your border color, size and style and adjust each edge individually. Changing the padding-right and padding-bottom values also alters the spacing between images in Divi Gallery, as seen in the image above. single . Solution 1: Remove Space Using The Divi Builder When adding the post to the editor section, make these changes. ). how do i decrease the space between bottom of menu and top of first item in the page? Aug 5, 2022 · Hi, I've been trying to figure out an issue and need help pls. This issue happens when there is not enough content on the page. Oct 17, 2017 · In this tutorial, I walk you through how to change columns for the Divi gallery, how to create a tight padding layout, how to create the zoom effect & more! I'm wondering if this is intended feature when deselecting Show Space Below The Image option on images. I've been trying to get rid of the white space under the footer but have been unsuccessful. I can't figure out the difference using the Divi builder. Learn how to use the Spacing Design Options in Divi 5 to adjust margins and padding for precise control over your layout. Finally, set the location to Top Center. I have rounded corners on my footer and thanks to this, white space behind is exposed - is there a way to match the white to the rest of my site? hello. In the mobile view of my site, there is a large white space below the global header menu I have made, but only shows as white space above the content on all pages of the site. In this article, we will guide you through the process of removing the space between section dividers in Divi, ensuring a smooth transition from one section to the next. When you are embedding a video using a responsive (default) embed code, you may encounter an issue where white space appears above and below your video player. You can reduce the distance between the text and the footer by decreasing the Bottom setting and/or increasing the Footer setting. Nov 10, 2017 · Divi makes it easy to manage border options for all modules, rows and sections using the new border options interface. I am trying to make the black-block-footer arrive to the end but cannot make it&… May 13, 2020 · Hello! I got an issue I cant seem to solve even with solutions of previous threads (CSS etc. I don't have this on the other pages so it May 6, 2020 · Need help on Divi Wordpress? Get Free Divi support from our Divi community forum. This a common problem? Furthermore could someone shed some light on how I can customize the menu a bit more, I wanted to align it right rather than where the theme situates it, whats the best way to go about this? This is our free support forum. Nov 10, 2025 · Menu items too close together in your menu module custom header? Find out how to change the space between the links with Divi Booster or CSS. We would like to show you a description here but the site won’t allow us. In a previous post, we showed you how to make it sticky which actually differs from making it fixed, although they might seem like the same at first. Thank you!! Jun 16, 2020 · Need help on Divi Wordpress? Get Free Divi support from our Divi community forum. Help Pro Membership to enjoy the below perks: - Instantly access to all our premium Divi extensions, layout packs, Carousel AI Toolkit, Divi AI Generator & Divi Block - Pro version (Over $2150+ in value). I have not been able to figure out how I remove the white s… In Divi, section dividers add visual interest but can sometimes leave unwanted space between sections. Please I need help urgently. Here I am attaching the screenshot of it. And we are going to show you how to remove it! First […] You have elements with the class . Additionally, there is a '/' that appears on the site and on the backend builder. Hope you enjoy, let me know We would like to show you a description here but the site won’t allow us. The site doesn't fit within the tab boundaries. When I inspect the body element it does NOT include this Jul 10, 2017 · In today’s Divi tutorial, we’re going to show you how to create a fixed footer for your website instead of a normal one. Get Elementor tips & more. They can also add emp Then there is a big white space between the bottom bar and the bottom of the screen – not good! Thankfully the fix for this is really simple and we just need to add a few lines of code to the Divi > Theme Options >Integrations tab. This option works as intended most of the time, removing or adding a bottom margin on images (not entirely sure why having a bottom margin is default but that's beside the point). Ok I cut the white space on the top and bottom of the logo. using header #1. Aug 13, 2012 · I had white space at the bottom of all my websites; this is how I solved the matter: the first and best thing you can do when you are debugging css issues like this is to add: Oct 15, 2023 · UPDATE: Since the Divi 4. You realise that Divi has one of the most robust communities in WordPress, right? Google 'remove white space from divi footer' and you'll have your answer in seconds. Mar 27, 2024 · You can change the padding-right and padding-bottom values to suit your preferences for the space between images in your Divi gallery. How do I make the colored background full screen and get rid of white space at the bottom? Obviously, when the browser width is reduced, the images get smaller and they shrink from the bottom up, no longer filling the full height of the column, leaving white space below them. Divi dividers help create a sense of space between things on your page, making the design balanced. Under Position, select Fixed. g. How do I remove the space below the footer in Word? For the most part it is these two settings—Bottom on the Margins tab and Footer on the Layout tab—that together define the distance between the body text and the footer text. This isn’t seen when the page initially loads, but can be seen upon scrolling to the right. Oct 26, 2016 · I'm making a site using the Divi theme (elegant themes) in Wordpress. We are third party developers from Divi. But I cannot remove that area although I deleted the page title. With the Divi Builder deployed, go ahead and create a new regular section with a one-column row and add a Divi Gallery Module to the row. nl It's a global footer. Aug 9, 2019 · White space showing up on right side of page when background image should extend full length of page. And make sure you don’t have a fixed width on this section or underlying inner sections and elements. Remember, small changes in margins, padding, or widths can make a big difference in preventing horizontal scrolling. The lower the number, the less space. And lastly, adjust the section margin top & bottom. These settings control font, alignment, spacing, and more, ensuring your Text is styled to fit your design. I can’t seem to find how to eliminate the white space between my last row and my footer. This white space is caused by the padding % at the front of the embed code. The higher the number, the more space. When I select them, I get the menu with options to change various aspects of the paragraphs, but not the spacing before or after them. I've tried different solutions posted here but none seem to work! Can Oct 21, 2019 · I bought a pre-made layout, where the designer has put a white space at the top of pages below the navigation. May 19, 2023 · In this tutorial I will teach you how you can hide the header and footer in Divi. info/eco/, if you scroll to the bottom, there's an extra area (white space) that I'd like to remove, without having to always write extra CSS code. when I remove the code that you gave me for the front page, it puts white space at the bottom of the main page. And I can't seem to remove it. ig_widget class. I very much appreciate your time! In this tutorial I will share the steps to remove the white space below the footer in the Divi theme. Apr 26, 2023 · My site insaatbilgi. Spacing between paragraphs is controlled by margin. I have about 20 pixels of white space at the top of my page. ng Desktop view shows a large unwanted space below the contents of my website, as shown below: And the mobile version shows some spaces too; the same white space as the desktop view, only I tried changing the color, and a white space just below the footer that I can't seem to change. They can also create white space in a design without simply creating blank areas. The menu system looks great but now the logo is not centered not sure how to center the logo vertically if I add padding to the logo, it will add space and uncenter the menu. Sep 28, 2023 · Need help on Divi Wordpress? Get Free Divi support from our Divi community forum. If you view endtimesofficial. Whether you’re creating line plots, bar charts, or heatmaps, understanding how to Dec 13, 2016 · In this second example, we’re going to create a tight-tiled gallery look with custom padding to add a clean and uniform white space between each image. Help providing Free help for Divi community. I went to Divi customizer -> Footer -> Layout and changed the color to green, Learn how to use Divi's built-in options to fine-tune the spacing between sections, rows, and modules. So I've had this issue, with a white box underneath where my footer would be. If not it will cause white space. How Sep 2, 2017 · For my portfolio site I see a white space to the right side in the mobile view (only in chrome) and its fine in desktop and Mozilla mobile view. I have tried just about everything that I can think of and cant find This discussion on Stack Overflow addresses the issue of extra space below an image inside a div and provides solutions. Apr 21, 2022 · This white space serves as a visual cue that each block contains a distinct idea. What do I need to do in order to get rid of blank space at the bottom on https://thunder-io. I have a space between the bottom of the post content and the footer. Oct 20, 2020 · I am using a global header layout template for a home page design. In using the Divi Ultimate Footer Plugin, when I used it on http://njcu. Feb 22, 2024 · One easy way to make your website look good is by using Divi's Divider module. I’d like to understand Struggling to get rid of white space under header in Divi?> We have a 2 second fix with back up options to remove that white space once and for all. I want to remove this, but cannot find Dec 4, 2022 · Blank space above title Resolved nasreddinjr (@nasreddinjr) 2 years, 11 months ago how we can remove blank space above title ? I m not using pagination site logo etc. How do I fix this? Best Regards, Lucas. Solve layout glitches, broken links, module conflicts, and more. Oct 19, 2017 · If you are using the divi page builder to create blog posts, you may notice a large space at the bottom of the post. In this video, we dive deep into how to remove or reduce the pesky white space under your footer in WordPress. Feb 28, 2022 · Need help on Divi Wordpress? Get Free Divi support from our Divi community forum. Find everything you need to know about Product here. May 17, 2023 · Need help on Divi Wordpress? Get Free Divi support from our Divi community forum. It also helps up break up a wall of text and makes your content less intimidating. Sep 12, 2013 · 0 elementor answer to white space above and under footer. Divi dividers are perfect for creating a sense of space between items on your page and establishing a balance in your design. Learn how to adjust the space between Divi header menu items. Either remove that margin completely or change it to a margin-top and then zero out the margin on the first instance of that element. Nov 2, 2019 · I would like to reduce the white space between the primary (top) menu and the page contents. White space underneath Divi Global Footer Recently a blank white space has appeared underneath my global footer on each page. in my case it was white space in the section after i inserted a footer template into the section i spent hours messing around with template css and section css and padding etc. The less content there is on the page the more white space you will see after the footer. Help Pro Membership to enjoy the below perks: Nov 3, 2018 · The Divi margin and gutter controls are two powerful design settings that can really transform your layouts in creative ways. At first there was a horizontal scrollbar because the top header menu extended further to the right of the content under it. Remove the Section padding. Do you think these is some setting issue about the body? Feb 22, 2015 · How I can remove space between wordpress Divi theme's sections? In Divi's Spacing Options, you're able to adjust both. This post covers some of the ways you can increase, reduce or eliminate the space around Divi Builder modules, rows and sections to get the right amount of white space for your design. I found the following code via a Youtube video that, when added to additional site-wide CSS, fixed the issue. Become a Divi problem-solving pro! Make Your Header Sticky with Divi’s Position Options To make a section in your custom header fixed, start by opening the Section Settings for the specific section. hansvlieg. How can I move the logo up so that the unused white space above it is less? In other words, reduce white space between top of logo and bottom of menu above. Sep 14, 2020 · You will need to go to the last Section settings & remove the Transform > Translate option. . In the mobile view of my site, a white blank page appears at the bottom If you view We would like to show you a description here but the site won’t allow us. All plugins have been turned off one by one to see if something there was a culprit, and still the issue occurs. But I'd like to make a global change. It seems to be doing it on only the page with shorter information, where the page container is set to fill May 5, 2020 · Hello how to change the space between images in the Gallery module Both horizontally and vertically For exemple in this page Jun 17, 2017 · There's this white-space at the bottom and the ride side of the bordered second div near the text, and the culprit appears to be the <p>. There was a large font page title above the logo which I deleted. If you were not […] Jun 8, 2025 · I'm a total beginner to website design and Divi and can't figure out how to get my footer the way I want it. Try using 'padding-bottom' instead. So you can overrride the current css rule: Sep 15, 2014 · Need help on Divi Wordpress? Get Free Divi support from our Divi community forum. In this post, I’m going to show you 5 creative ways to use the Divi […] Sep 10, 2020 · Divi Switch Transcript: Hey everybody, David here from Divi Space and today I’m gonna show how to remove the underline above the header menu. The menu stays. Optimize Divi for performance, resolve styling issues, fix compatibility issues, troubleshoot the Divi Builder, and handle backend problems. picture Viewing 7 replies &#82… Learn how to build a Sticky Navigation Bar from Bottom to Top in Divi by using Divi's built-in features and applying custom CSS. Nov 13, 2019 · If you wish to show us some support, consider subscribing to our Divi. Mar 23, 2019 · The Integrity stack - is there anyway (besides using a negative margin) to remove the white space above the bottom footer? See attached. I have checked to make sure the footer has 0px padding and margin, however the issue is still there. I prefer to use bottom-margin, but some theme developers use to top margin instead. Mar 31, 2019 · Hey there! I'm working with a website using the divi theme, and sometimes the pages load extra space at the top above the masthead that fills the Jul 30, 2020 · There is white space below the footer. Can I get rid of it? Divi Spacing Options makes it easy to add margins and padding and space design elements throughout your website design. And the grid layout provides an aesthetic design that organizes images into columns that will […] Sep 26, 2021 · The most time-consuming, but recommended We would recommend duplicating the relevant page and delete sections until the white space disappears. Jun 17, 2025 · This is the default Divi footer color, so it will blend in nicely with it. My website is adkoy. This leaves white space at the bottom of that section before the footer starts. The Divi margin and gutter controls are two powerful design settings that can really transform your layouts in creative ways. There was white space on the right in the body for the area that the header menu Feb 8, 2020 · Use Divi’s built-in section position options to make the entire section stay fixed to the top Create a custom body template and add some top margin to create container space for the fixed Divi header Save all Divi Theme Builder changes and view the outcome on your website When using the Post Content module with the Divi Builder on the Post Editor section unwanted space is often generated. There are a few things you can do to remove this white space. I am using the latest Divi theme and plugin, but for some reason, there is now a white gap between the top of the header and the content. As you can see by default, Divi adds this line, actually, this is a Box Shadow. If you ever run into any problem with the default Divi menu bar gray line and wanted to remove it, I will explain in this article how you can We would like to show you a description here but the site won’t allow us. Help Pro Membership @ $99/Lifetime only. Jul 22, 2020 · Hi, I am using Divi 4 builder with custom post types. Aug 28, 2024 · Hi! How to remove the white space after the footer? (can't seem to remove it with padding) www. Learn how to build a Sticky Navigation Bar from Bottom to Top in Divi by using Divi's built-in features and applying custom CSS. Jan 15, 2025 · I was able to fix the blank space at the bottom after posting this, but your solution for the top seems to have taken care of my issue. Let’s get started. First time I've seen this one with Divi. Nov 15, 2023 · Learn how to fix common issues in Divi like a pro with our step-by-step guide and expert tips. May 13, 2015 Divi includes a menu for your main site navigation links. Either is fine. Some will be easier than others to accomplish, but overall, I Oct 24, 2023 · One of the easiest ways to create balance in your website design is by using Divi’s Divider module. I can't get it to sit on the bottom, and still look nice across desktop/mobile/tablet view. with css grid in a container you will have space to the bottom of the screen with padding-bottom on an inside element on pages which don't fit on some screen, while body padding-bottom will be "centered out" and the last element will stick at the browsers bottom. this space does not show in the Divi builder or in the visual constructor so I do not Here's quick tip for how to find and REMOVE that pesky extra margin or padding "clear space" or "empty space" or "invisible space" around your header area in WordPress. - 8th Anniversary Sale - Get Divi. Apr 10, 2020 · Viewing on desktop the design is how I would like it, swithcing to a mobile view you'll see a lot of negative white space between my header, and the image slideshow. I've tried different solutions posted here but none seem to work! Can May 16, 2024 · Hello, I’m currently building a site and have noticed that on the mobile version of all pages, there is a little bit of extra white space down the right-hand side. Divi will populate the gallery module with some images from your media gallery in a grid display like the following: In the Divi gallery module settings, click the gray plus icon to add 12 images to the gallery. Sep 3, 2019 · I have a background image but on my phone (iPhone xs) there is a white bar are the bottom?? It’s really annoying I have the settings to cover so I don’t know why its doing that? May 31, 2024 · I used the code suggested in a divi tutorial to swap on scroll the header with another one, the code puts a space at the top of the page, but my header is transparent and I would like to understand if it is possible to eliminate this white space. Below you can see an example of this problem - the extra space. Jun 14, 2022 · I'm currently having the "White space at the top of the header" problem. And I found out that it's because a video is located in the bottom left corner. Alternatively, if you want to get rid of white space below footer on your Divi website, you may try adding the following code to the Custom CSS field in the Divi Theme Options: Oct 26, 2016 · If you have a menu in the bottom/footer with dropdown menus, make sure in the design>Layout to set "Dropdown Menu" to "Upwards". The complete guide on how to solve issues and problems with the Divi Theme or Builder from Elegant Themes. Apr 10, 2020 · How can I get rid of the line in between spider sections on mobile? thank you Jun 20, 2022 · HI, I've got this white space showing up between the top navigation and the hero image on my divi site. com? The issue only persists on desktop not on mobile. Oct 5, 2016 · NOTE: If you want an easier way of doing this without touching code and with more options, then take a look at our new Divi mobile menu plugin! Mar 2, 2023 · Soulscape New Member I know how to change the space between paragraphs for an entire text module in Divi, but I can't find any way to change the space between selected paragraphs. I have tried using code to reset menu padding to 0, but none of that seems to be working. Use the following CSS snippet as a quick-fix to remove that extra space: /* Remove extra bottom padding and margin on posts */ . I know I can do this by changing the top margin of every page's first section to -60px. And, if you understand how they work, you’ll be less afraid to break out and try new things for yourself. Get your Divi’s Elegant Theme Membership today to design your slides with Divi’s slider module and add engaging sliders on your webpage to increase engagement. Our expert tips and step-by-step guide will make your website look sleek and This tutorial will solve the problem and automatically stop your fixed Divi header from overlapping the page content and push it down instead. Thank you very much! Jan 13, 2020 · Hey there! There is extra space on top of the footer navigation menu. Hi there. I have inspected every element and nothing has padding or margin in this area. I've created it mysef with divi builder. com. This white space seems to be above the divi Jan 17, 2021 · there is a huge white space on the top and bottom of the section on this site. Dec 1, 2022 · Remove white space at top and bottom of content in mobile view Resolved Anita Kragelund (@anitakt) 2 years, 11 months ago At my wits end. I want to remove this, but cannot find The Text design options in Divi let you customize the appearance of a module’s body content. If you wish to show us some support, consider subscribing to our Divi. Tagswebsite white screen problem,wordpress right white spacedivi website right white space,website overflow problemwordpress extra whiteright side white spac Aug 13, 2020 · I added a fullwidth menu module in divi elegant themes. Nov 20, 2020 · Hi At the bottom of my page (not at the footer) I have a huge chunk of orange space that I cannot delete. Nov 1, 2018 · You can do it removing or setting a lower value at the margin-bottom property, for the . Your suggestion does can move the footer to the bottom of the page but it the white space shifts to on top of the footer. Mar 1, 2021 · In your Divi Theme Builder (you pictured above) add a transparent upper and lower border to the image settings. Theis extra space allows the images to keep a larger size which is great for the user experience. Navigate to the Advanced tab, then to Positions. Several of my clients spanning across multiple industries seem to LOVE this layout so I’m excited to share it with you! The majority of the settings we’ll change are in the standard module options, then we’ll just add a little CSS for I can not get rid of a blank space between the header and menu. Jul 17, 2014 · If you look at it through a mobile device or make your browser window 'hot-dog-style' below the footer at the very bottom there is a massive amount of white space and I can't seem to figure out why or where that is coming from. Within the announcement blog post, we’ve shared some amazing designs you can achieve with these new options without having to use any additional CSS. Dec 9, 2019 · Hello! I am experiencing a massive white space on some pages of my site. averqc ixuhj kosc rzwd idawd xoxeuen gdyskv sfvef dfdzf sviikf zofoxbr gddkz lknzb swgxsn fczr