Positioning Slide Text on a Full-Width Divi Slider | Divi Booster

Here’s a quick tip for positioning the slide text on individual slides with the Divi Theme‘s full width slider.

Suppose you start with a full-width slider with a background image and some text, similar to that shown in the featured image above. Divi has an option in the slide settings to toggle the vertical alignment between centered and bottom-aligned. However, if you want more control over the text position, you will need to resort to CSS.

For example to align the slider text to the top right corner of the slide, we can add the following into the slide’s custom CSS field for the slide description:

Here’s the copy-and-pasteable version:

text-align: right; padding-top: 5% !important; padding-bottom: 27% !important;