WordPress.org

Ready to get started?Download WordPress

Forums

How do I easily find lines of code when editing my CSS? (7 posts)

  1. Bubble Wrapped
    Member
    Posted 2 years ago #

    I'm just an Average Jane light-weight when it comes to website design. I'm designing a website for my mother and one for myself. I've been dabbling for years, but it occurred to me only today that there must be a way to easily locate specific lines of code on my stylesheet. It's aggravating scrolling and scrolling and scrolling to find one little snippet of code I need to change something. Is there a plugin that adds a search box or something to that effect to the editor? For the professionals out there, surely they're not doing things the way I've been doing them, right?

    Thanks!!

  2. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    Firebug for Firefox is the best tool for locating CSS on a live site.
    http://getfirebug.com/

    How are you editing the CSS? Via Appearance -> Editor or downloading it, editing and then re-uploading?

  3. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    I would suggest using an FTP client such as Filezilla, download the appropriate CSS file, save an unedited copy, then use Notepad to edit the file...In Notepad there are search (and replace) functions...then upload the edited file.

  4. sammyszkowski
    Member
    Posted 2 years ago #

    Command-F for Macintosh and Crtl-F for Windows should work.

  5. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    I prefer my method as it allows to easily revert back if an issue arises...when you edit files in the editor (in the browser), the file is overwritten on the server upon save (and no backup made) and it may prove difficult then to fix an issue right away...

  6. Bubble Wrapped
    Member
    Posted 2 years ago #

    Holy awesomeness ... I do use Firebug but stupidly forgot all about the line number thing on the right. Counting down to that line number, though, in the WordPress editor is annoying. So there isn't a plugin of some kind that allows this feature?

    But the Command-F for my Mac works like a charm. That will do the trick.

    Thanks!!!!

  7. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    What about carry out all of your edits offline and then uploading the amended file to the theme? That way, you can use a text editor with line numbering and it means you have a backup copy in case anything goes pear-shaped.

Topic Closed

This topic has been closed to new replies.

About this Topic