Controlling spacing in websites has traditionally been very difficult for non developers. Custom CSS has long been used to style pages, including margins and padding. But Avada Builder goes a long way towards making spacing a breeze, even if you have no coding knowledge whatsoever. Read below to find out where and how to take control of your site spacing using Avada Builder. The Difference Between Margins and Padding. Where To Control Spacing.
Table of contents
To increase or decrease the spacing between the menu items in the Divi Theme's main navigation menu, you can use the following CSS:. With the arrival of the Theme Builder in Divi 4, it became possible to create custom headers using the menu module in place of the default menu. Changing the space between menu items in the Divi menu module requires slightly different CSS than the default menu. Your email address will not be published. Submit Comment. Divi allows you to display WordPress menus in various places. Here's how to modify the spacing between the menu items in some of those places. The default spacing is 22px, so anything bigger will increase it, while anything smaller will decrease it.
The Difference Between Margins and Padding
Need help? Check out our Support site , then. Thanks so much for the help, and the welcome. Would you perhaps know a way to get rid of that little shaded area beneath the title where my tagline would go? Not massively important, but if it was simple.. Final thing whilst I have the attention of someone who knows a lot! Secondly, do you know how I could edit the width of the column in which my posts appear? Many thanks again for your help. This can be a little tricky as the way the theme is designed, the header image will also have to get wider.
The word-spacing CSS property sets the length of space between words and between tags. A large positive or negative word-spacing value will make the sentences the styling is applied to unreadable. For text styled with a very large positive value, the words will be so far apart that it will no longer appear to be a sentence. For text styled with a large negative value, the words will overlap each other to the point where the beginning and end of each word is unrecognizable. Legible word-spacing must be determined on a case-by-case basis, as different font families have different character widths. There is no one value that can ensure all font families automatically maintain their legibility. Initial value normal Applies to all elements. It also applies to ::first-letter and ::first-line.