CSS Code einbinden mit dem Divi Theme

Embed CSS code with the Divi Theme

12. February 2020

Many of our Divi tutorials require the addition of CSS code. In this tutorial we will show you different ways to include custom CSS with the Divi Theme.

 

Adding custom CSS with the design modifier

The probably easiest and for beginners probably best method to include CSS code is via the design modifier. The big advantage of this method is that we can track the changes associated with the CSS code, simultaneously . The code is added as follows:

Step 1: We log in to our website
Step 2: From the dashboard we go to Divi > Design Modification

 

Wordpress design modifier

 

Step 3: Then we scroll to the last tab and click on Additional CSS

 

Include additional CSS with Divi

 

Step 4: Now we can insert our code into the box

 

Add additional CSS with Divi

 

Step 5: Finally we click on Save & Publish

Include custom CSS via the Divi Theme options

Probably the most common method mentioned in tutorials is to include CSS via the theme options. To do this, proceed as follows:

Step 1: You log in to your WordPress website
Step 2:  From the dashboard, go to > Divi > Theme options
Step 3: At the very bottom you will find the field Custom CSS

 

Include custom CSS with divi

 

Step 4: Paste your code into the field and click on save changes

Adding CSS with a Divi Child Theme

If you use a child theme, you can embed your individual CSS in a separate file. The creation of a child theme requires some technical skill, but has some advantages. What these are and how to create a child theme, we have compiled in our Divi Child Theme Tutorial.

More questions? Suggestions for improvement or suggestions for further articles? Then write it in the comments.

SIE KÖNNEN SICH BEI UNS BEDANKEN!

Sofern Ihnen der Artikel geholfen hat, können Sie sich mit wenig Aufwand revanchieren!

 

Bitte hinterlassen Sie uns eine positive Bewertung.

 

Falls Sie Fehler entdecken oder ein Artikel unvollständig ist, freuen wir uns über einen Kommentar.

Bewertung erstellen

Comments

Tell us what you think! Reply now

Your email address will not be published. Required fields are marked *