How to use Inspect Element to edit CSS in Divi

[@aleksmaric5159]

Great Josh, thanks for this very useful video, I am going to utilize it from now on for my website

[@khalidsami8606]

straight to the to point and no b.s. thank you, sir.

[@hapabott]

2019 and this is still the best!! TYSM just subbed ;-)

[@andymackk99]

Very helpful - clear to understand - thanks for posting :-)

[@lawrencereid]

Thanks for this very useful tutorial. Will save me lots of hours in the future

[@oscarsaav8986]

This is the most useful video I've seen! Thanks a lot! Soo helpful...

[@heidalehndorfer8832]

wow - gamechanger!!! Hey Josh, thanks so much for your videos, learned so much from them. Keep going, you're doing a GREAT job! Greetz from Germany

[@JoshHallco]

Thanks, Heida! Appreciate the awesome comment and love from Germany. More and more on the way along with some courses and all kinds of good stuff :)

[@Abadiania29299]

Man, you are awesome - many, many, MANY thanks for your more than helpful tutorials!

[@JoshHallco]

Thanks so much, Alena! Really appreciate your feedback!

[@JoshHallco]

Thanks, Alena! Really appreciate your feedback :) Got my inspired to keep them coming!

[@FusionCooking]

Thanks very much for a detailed and useful tutorial! Great job 👍👌🙂

[@JoshHallco]

Thanks so much for your feedback and encouragement!

[@arnopisspot5115]

Great stuff Josh. Thanks for the tips!💪🔥🔥🔥

[@Lucas-re2kw]

Many thanks Josh. Very helpful for me. You are amazing! Cheers

[@therankingworld7627]

thanks ive definiteliy improved with this

[@kmmarch60]

Hey Josh. Fantastic tutorial - as they all are!

[@JoshHallco]

Thanks, Keith!

[@obeythebeagle6954]

Thanks so much for this!

[@whateveritwasitis]

just to be sure, whatever changes you make, its just in the browser it doesn't change the code. Im not sure he said that enough, so just to be safe...if you dont know that coming into this video, maybe take up painting or something...

[@JoshHallco]

Spot on!

[@olliec1319]

Thanks Josh, great tutorial, I learned a lot. Where I'm still getting stuck is knowing what id or class to put in the stylesheet. I make CSS tweaks using inspect element, then copy and paste the code into the stylesheet, but it doesn't work! I seem to be using the wrong class or id. So any tips on EXACTLY which class or id to use? Or any links to other videos you (or anyone else) can recommend? Thank you.

[@hflaviomendes]

amazing tutorial, so helpful on technical explanation and good quality video! thank you!

[@JoshHallco]

Awesome feedback. Thank you!

[@sergioortiz01]

Thank you!

[@amrmaamoun3726]

Great tutorial . Thank you

[@jairusbondad2903]

2021 i’m 12 yrs old and i love coding😍

[@alainpatry]

Just subscribed to your channel Josh - you have great videos and explain things well! Would love to see one about how to add a scroll icon/button at the bottom of the Divi Header Module (I know the fullwidth header has one built-in but I find that module more limited).

[@JoshHallco]

Thanks, Alain! Yeah I've only used the one in the fullwidth header module. I suppose there are numerous ways to go about it. Maybe add a blurb with an anchor link...will consider that moving forward!

[@reneestes764]

What are the keystrokes to save after changing edits?

[@oussamahazreche8242]

ty bro i hopeu do more coll job like this 2021

[@malibu_graphx]

GREAT VIDEO 💪

[@ahthisisgood]

Thank you ! Using Inspect Element to find the CSS then edit the CSS with a Child.theme Style.css I got from your video(s). Clear, easy to follow and very helpful. If I may ask, if I see some text on a page, for example, "Please login now !" but don`t know which file contains that text string, is there a way to use Inspect Element to find the file that has that text? That way I can copy the file to my child.theme folder and edit the text there. I just don`t know how to go about locating the text string within all the site folders/files. Thanks again.

[@victorvillasenortejeda]

Hello Josh, excellent tutorial, I'm a beginner on this, so please forgive my question: how do I save all my changes? ... 😅

[@JoshHallco]

All good! There is a setting in Inspect where you can view all changes to code. Definitely important to do that otherwise refreshing will wipe them all out. Other option is to copy the code one change at a time but that can be time consuming depending :) There's gotta be a better tool for that!

[@Proppis]

when you see windows marked blue how can you move it with inspect? trying figure out with YT bad new layout want like button at rite place and lots other know chrome got addon as save new setting for inspect for local

[@GoldenJaguar-]

How did you save it ?

[@kendalldhorn]

Hi Josh, one of the biggest issues I have with using Inspect Element to write CSS in Divi is that often when I use inspect element specifically to make my pages more responsive my CSS keeps getting overridden by !important tags inserted by the visual builder of Divi. Is there a way around this? For example, I keep trying to make my pages more responsive for the larger mobile sizes because the text sizes that work for smaller mobile screens aren't appropriate for the larger mobile screens. That said, when I try to make my font size larger, the CSS I'm using keeps getting overridden by the CSS inserted by Divi for the font size I have for mobile on the visual builder.

[@PinaRadio]

Hey, love the tutorial. At just past the 17 minute mark, you mentioned that you were going to go over how to identify specific classes within ID's in a tutorial. I'm grasping the concept, but for the life of me can't edit one particular class in my website. I either edit EVERY class of the type across the site, or none at all. I just can't seem to isolate that particular one, even using #idname .classname. Did that tutorial ever come out? Can you please point me in the right direction?

[@Ramkishor-zn1io]

can we do permanently change in websites????

[@thunderpop20]

How do u save your work when u turn the computer off or send it to your phone and bank

[@kelihendricks1844]

Do you have more videos about CSS Inspector? I still don't understand why some appears marked out when you are viewing the css. Are those old rules?

[@JoshHallco]

Not at the moment but I may consider doing a more advanced, in depth one. Yep anything that is marked out is being overwritten!

[@cuierus]

how do i save changes i made from inspect? whenever i made the change and click refresh it goes back to it's original setting.

[@JoshHallco]

Hey Russel changes in inspect are just in the browser for reference and not in the actual website. You should put all changed in your custom css area or child theme stylesheet. See here for more: joshhall.co/where-to-put-your-custom-css-in-divi/

[@kennethchristensen6423]

Great Tutorial except the title is totally misleading, you did not show us where Divi's style sheet is located which would have been totally helpful in your tutorial.

[@thunderpop20]

It goes back to the same writing

[@thunderpop20]

I’m working out

[@thunderpop20]

I’m looking for a truck job

[@mitchellwebster2392]

WHERE IS THE LINK TO YOUR FRIENDS SITE(SUPERFLY)?

[@JoshHallco]

It's in the post on my site. Linked below the video.

[@thunderpop20]

I know how to changed it how to save it send it

[@thunderpop20]

180 cm 210 kg

[@thunderpop20]

they took my code used this to managed my money and steal money from my power ofattonery

[@subbarayudumysoori3892]

he is like elon musk

[@thunderpop20]

its Saturday 24/hours hates me eddie car jack fight

[@thunderpop20]

Hacking my porn speakers

[@thunderpop20]

To lose weight and get big muscles

[@thunderpop20]

burn I want anz $ money trick

[@thunderpop20]

I’m blind in one eye