The method
To generate Divi theme CSS, describe the element, desired style changes, and target devices (desktop, mobile, tablet). Input this into the LLM and apply the generated CSS in Divi Theme Options -> Custom CSS or a Divi module's Custom CSS tab. Ideal for quick style adjustments.
The prompts
Prompt 1
I am using the Divi theme in Wordpress. Generate the CSS code to change the main menu background color to #F0F8FF (AliceBlue) and the text color to #2E86C1 (Sky Blue). The code should apply to all screen sizes.
Prompt 2
Generate the CSS code needed to make the titles (h1, h2, h3) within my Divi blog posts have the font family 'Roboto Slab', a font weight of 700, and a bottom margin of 20px. Make it responsive so the font size remains legible across desktop, tablet, and mobile devices. Also include a media query targeting mobile devices (max-width: 767px) to reduce the bottom margin to 10px for better spacing on smaller screens.
Prompt 3
I'm using Divi theme. I want to customize the appearance of my contact form. Generate CSS code that makes the input fields have rounded corners (5px), a light gray border (#CCCCCC), a padding of 10px, and a subtle box-shadow (2px 2px 5px #888888). Also, style the submit button to have a background color of #4CAF50, white text, rounded corners (5px), and no border. On hover, the background color should change to #367C39. This must apply to all devices.