Written by Dan Mossop
By default the Divi Theme displays a dividing line between the main content and the sidebar. It's possible to remove this dividing line using CSS, like so:
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
Note that there are two cases in which a dividing line may occur (either on a standard sidebar, or on a sidebar module). This code the line in either case.
We may earn a commission when you visit links on our website.
Give your gallery lightbox a clear, on-brand close button by customizing its color and size. This improves visibility and usability against varying image backgrounds and ensures the button renders at full opacity for a consistent experience. In this guide we show you...
Control the look and feel of your gallery lightbox by applying a custom semi‑transparent background color to the overlay that appears when images are opened. This helps your media harmonize with your brand palette, improves focus on the content, and enhances contrast...
Give the lightbox navigation arrows in your Divi galleries a stylish pop and improve their visibility by adding a shadow beneath the arrows. This quick guide will show you how to make your navigation arrows stand out against the lightbox overlay.Add a Visible Shadow...
Customize the size of the navigation arrows that appear in your gallery lightbox so they’re easier to see and aligned with your site’s design. Whether you want larger, more accessible controls or a subtler look, setting a precise arrow size creates a more polished...
Make the lightbox navigation arrows in your Divi Gallery match your brand and stand out against your images by assigning a custom color. This improves visual consistency, enhances accessibility with better contrast, and elevates the overall browsing experience for...
hello. where do i insert that .css ?
thank you
Hi Ricardo, this post explains how to add CSS to Divi: https://divibooster.com/adding-css-to-the-divi-theme/