You can add a background or a background gradient color. Under the image module you can place a Divider module, we will be using this for the image overlay color.ĭisable the setting Show Divider under Visibility.Īfter that expand the Background tab. Then go to the Advanced tab and place the CSS class divi-image-overlay. After that go to the design tab and Under Spacing set the bottom margin to 0px. Open the image module and place an image under the image tab. Inside the column, place a new image module. Go to the Advanced tab and place the following CSS class divi-column-overlay. Start by adding a section and a row, I use a 1/3 column structure but you can use any structure you like. We are going to create an overlay image with inside a title, text, and a button. How to create an image overlay on hover with a title and button On the hover overlay color, you can set your overlay image color. If you do not want an icon on your overlay then you can just set the color to transparent. That’s why we did that in the previous step.įrom here it is very straightforward, enable the Image overlay and all the options will be visible. The overlay tab will only be visible when you add a link to your image. Then expand the Link tab and place either a link or a dummy link into it.Īfter that navigate to the Design tab and expand the Overlay tab. Just place an image module on your page and add an image to it. This is very easy to do and does not require any custom code. Under the background color, you can change your own color. Now place a code module under your image and copy/paste the following code into it: īackground-color: rgb(233 75 0 / 50%) /* set you overlay color */ Place the following CSS class: divi-image-overlay-bg. Place an image in it and go to the Advanced tab. Place an image module on your page and open it. If you just want to add transparent background color on top of your image follow these steps.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |