The method
Use this prompt to generate custom CSS code snippets for your Divi theme. Paste the generated code into the Divi Theme Options -> Custom CSS box or within a Divi code module for element-specific styling. Ideal for quick style adjustments without editing theme files directly.
The prompts
Prompt 1
I need CSS code to change the background color of the Divi header to a light blue (#ADD8E6) and make the header text white. The header should also be sticky and remain at the top of the page when scrolling. Ensure this code is compatible with the latest version of the Divi theme. Add a subtle box-shadow to the header to give it some depth.
Prompt 2
Generate CSS to modify the Divi blurb module. I want to increase the icon size to 60px, change the icon color to a vibrant green (#32CD32), and add a hover effect that makes the icon slightly larger (65px) and rotates it by 15 degrees. Also, the blurb title should be bold and have a bottom margin of 10px. Provide optimized CSS compatible with Divi's structure.
Prompt 3
Create CSS to style the Divi contact form. I want to change the background color of the form fields to a light gray (#F0F0F0), add a border radius of 5px, and increase the padding to 10px. The submit button should have a green background (#28A745), white text, and a hover effect that darkens the background. Ensure the CSS is responsive and looks good on all devices. Add a small margin between the labels and the input fields.