Below are little snippets of CSS code to use in your custom CSS (in the modules or customiser) – simply cut and paste.
*Make sure brackets are closed otherwise your site may look broken.
IMAGE BULLETED LIST
This is an example of a bulleted list with an image. Simply create your own image, upload it to the Media library and then copy the URL – enter it in place of the URL in the example. Cut and paste this code into Custom CSS in the Customiser or in Divi Options.
Add the class my_image_list to the module (usually the text module) you want the list to show your custom bullet image (don’t worry you will learn this).
Et VOILA! This is what it will look like. I made my image an arrow and you can make yours to whatever your wish it to be. Default will be a bullet point.
- list 1
- list 2
- list 3
This is some code to give you borders to your sections or modules. Simply create your gold image, upload it to the Media library and then copy the URL – enter it in place of the URL in the example. Cut and paste this code into any module’s CSS where you would like the border (don’t worry i’ll show you).
AND THIS IS WHAT IT WILL LOOK LIKE.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
If you would like a border only on the top or bottom this is the code you would use: