Support » Fixing WordPress » How to use built-in CSS editor

How to use built-in CSS editor

  • JustinBBC

    (@justinbbc)


    3 years, 8 months ago

    When I use the theme editor and select my style.css file for edit, WP says at the top of the page:
    Edit Themes
    Did you know?
    There’s no need to change your CSS here — you can edit and live preview CSS changes in the built-in CSS editor.

    So I click the ‘built-in CSS editor’ link and it takes me to my website with a panel on the left. The code area is blank; it just says “1” for the first line.

    Where is all of my CSS? How can I use this ‘built-in CSS editor’ to edit my CSS? I don’t get it…

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    3 years, 8 months ago

    That’s the Additional CSS part of the customizer. Rather than edit your theme’s CSS files it adds CSS to your site. Why? Because if you edit the theme itself and there’s an update, your changes are blown away. Stuff entered in Additional CSS survives theme updates.

    Thread Starter JustinBBC

    (@justinbbc)

    3 years, 8 months ago

    Thanks for the info. I still don’t know if I grasp the theory. I can’t see what I’m editing or what declarations already exist. I can’t see the selectors to know what to modify.

    Do the declarations I add overwrite what the theme already has? Like if the theme has color:green for #nav, and I add color:blue for #nav, then the color will change to blue now an after an update?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    3 years, 8 months ago

    Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Thread Starter JustinBBC

    (@justinbbc)

    3 years, 8 months ago

    I know how to use the browser’ dev tools. It looks like this built-in editor is all for not. Does WP have telemetry data to show how many users actually use this thing? Maybe WP could reduce the code base by a few hundred LOCs and remove this functionality…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to use built-in CSS editor’ is closed to new replies.

Views