Where to Put Your Custom CSS in Divi

  Рет қаралды 19,744

Josh Hall

Josh Hall

Күн бұрын

In this tutorial, I'm going to show you Where to Put Your Custom CSS in Divi. This is part 4 of my beginner tutorial series where I'm answering the top 5 questions for YOU who are just getting started with Wordpress.
You'll find out there are numerous places your custom CSS can go so I know it can be very confusing especially if you're just getting started with Divi. You'll also see many Divi Tutorials here on my channel so this will be a great reference to you for when you want to apply any snippets from my tutorials.
View the full post with links and resources:
joshhall.co/wh...
Here's a Basic Divi Child Theme you can download for free!
joshhall.co/pr...
Purchase the Divi Theme! (Get a special discount when you use this link)
bit.ly/2RoJXxF
Courses Mentioned:
My Divi/WordPress Beginners Course
Use code "diviwp22" at checkout to join for only $75!
joshhall.co/pr...
My Divi/CSS Course
Use code "css30" at checkout to get $30 OFF!
joshhall.co/pr...
My cPanel Course
Use code "cpanel17" at checkout to join for only $50!
joshhall.co/pr...
Full Beginner Tutorial Series Links:
Part 1: joshhall.co/ho...
Part 2: joshhall.co/ov...
Part 3: joshhall.co/di...
Part 4: joshhall.co/wh...
Part 5: joshhall.co/ho...

Пікірлер: 22
@stephb7702
@stephb7702 2 жыл бұрын
Google ads is asking me to put the code in the "header" section of my site... does that change anything?
@ricardovilardelgado
@ricardovilardelgado 4 жыл бұрын
Excellent video Josh!!!
@mayurraja8479
@mayurraja8479 4 жыл бұрын
Thank you Josh. Great video!
@jessl1631
@jessl1631 2 жыл бұрын
Hi Josh I don't have 'Theme Editor' under Appearance, just 'Additional CSS' which goes to the customise page
@MrBrady95
@MrBrady95 Жыл бұрын
There should be an option to enable it. In your WP admin area toward the bottom, click on security. Different hosts will show it differently but there should be a toggle switch available for "theme options."
@JanineMKartist
@JanineMKartist Жыл бұрын
I have child theme but my css that I got from various tutorials is in the divi theme options. I'm afraid to move it without messing things up. Also there is no theme editor under Appearance on mine. what to do? I think I got my free child theme from ET. Also one of the tutorials I used code from had javascript code as well. Where does that go in child theme?
@MrBrady95
@MrBrady95 Жыл бұрын
In your WP admin area toward the bottom, there should be a security option. Different hosts will show it differently but there will likely be a toggle switch for "theme options." I think it's handy for development but I'd probably set myself a reminder to disable it again if I were to hand the site over to a client for example.
@eminpaiz6943
@eminpaiz6943 4 жыл бұрын
Hi @Josh Hall, why my Divi doesnt have this option "purge sg cache" how I enable that option?? thank you
@JoshHallco
@JoshHallco 4 жыл бұрын
That is the SiteGround optimizer plugin so if you host with them you can use that. Otherwise there are a lot of handy cache plugins! www.siteground.com/blog/sg-optimizer/
@cynamonstudio
@cynamonstudio 3 жыл бұрын
Adding custom css in the dashboard is the shittiest idea ever. If you have dozens of extra css lines, you simply cannot see any changes in real time. If you wanna see what you have done, you have to refresh... so you are not focused in your work, but on jumping from one window to another and refreshing . That is why all those editors are just toys :) Webflow is cool... but their breakpoints are simply crap. Adobe once had a great visual www builder - reflow, but they killed it before it got mature !!!
@hvdb4492
@hvdb4492 2 жыл бұрын
Is there a cPanel option
@Andre-tc1wj
@Andre-tc1wj 4 жыл бұрын
Great Info. I'm new to using Divi theme. If I add the CSS to theme options will that apply to every page I create?
@cynamonstudio
@cynamonstudio 3 жыл бұрын
Yes, but editing css in the dashboard ( to afcect all the pages ) is a pain in the ass beacause to see the changes you have made, you have to refresh as far as i am concerned :)
@gmailtammandre
@gmailtammandre 4 жыл бұрын
It's a good intro video, but newbies watching this should definitely watch videos that explain why you should or shouldn't put code in particular places. You should know what the benefits, limitations and common practices are.
@JoshHallco
@JoshHallco 4 жыл бұрын
I actually have that all explained in great detail in my CSS Course ;) joshhall.co/product/divi-css-course
@diegodagnino8244
@diegodagnino8244 10 ай бұрын
I-m just wondering if he has a course jajaj
@JoshHallco
@JoshHallco 10 ай бұрын
joshhall.co/product/divi-css-course/
@islamulhaq4537
@islamulhaq4537 Жыл бұрын
Nothing just advertisement of the course
@kyleandrew5396
@kyleandrew5396 2 жыл бұрын
The answer is sorta at 5:00 everything before is a confusing mess that will scare you off of DIVI entirely. Hope the tutorials aren''t like this.
@jamesdavis8731
@jamesdavis8731 2 жыл бұрын
For the life of me I do not understand how a theme (basically a page builder disguised as a theme) can't make some of this easier. The need to apply custom CSS to do things that are SOOOO simple in Thrive Architect just blows my mind. Custom CSS to align elements in a column. Custom CSS to do many things that other page builders make simple is do frustrating I don't even know where to begin.
How to Access Divi Child Theme Stylesheet through FTP
11:58
Josh Hall
Рет қаралды 3,1 М.
Working with Custom CSS in Divi: Beginner Guide [2022]
31:07
Ania Romańska
Рет қаралды 4,5 М.
АЗАРТНИК 4 |СЕЗОН 1 Серия
40:47
Inter Production
Рет қаралды 1,3 МЛН
Modus males sekolah
00:14
fitrop
Рет қаралды 14 МЛН
Use Display Flex to Place Divi Modules Side-By-Side
8:06
Michelle Schneider
Рет қаралды 10 М.
Divi Child Theme Explained + FREE Divi Child Theme
13:18
Josh Hall
Рет қаралды 23 М.
Create A Footer Using The Divi Theme
31:33
Ferdy․com Korpershoek | WordPress Tutorials
Рет қаралды 9 М.
How to Create a Sticky Divi Theme Builder Header with CTA Button
14:11
Where To Add Custom Code In Divi (CSS, Javascript & PHP)
17:12
Pee-Aye Creative
Рет қаралды 21 М.
Using CSS "Outline" to see element structure in Divi
11:13
DiviCoaching
Рет қаралды 581
Divi Theme Tutorial: Apply Custom Styles using CSS
7:20
Websites Made Simple
Рет қаралды 1 М.
A Guide to Image Formats & Sizes for Websites
12:12
Avada
Рет қаралды 6 М.
Watch this before using background images!
12:35
DiviCoaching
Рет қаралды 3,6 М.
Divi Theme Add Animated Glowing Borders To Any Module
9:38
System 22 Web Design | Divi Theme Elementor WP
Рет қаралды 853
АЗАРТНИК 4 |СЕЗОН 1 Серия
40:47
Inter Production
Рет қаралды 1,3 МЛН