Part 1 of 2: How to use FireBug to edit CSS Styles in WordPress, Drupal, Joomla & websites TUTORIAL

PART 1 of 2 – I show you how you can use the awesome open-source project FireBug plug-in/extension to edit CSS Styles and customize the layout and theme of y…

15 Responses to Part 1 of 2: How to use FireBug to edit CSS Styles in WordPress, Drupal, Joomla & websites TUTORIAL

  1. rolalquiaga July 1, 2011 at 6:52 am #

    Thanks , I´ve already used the Chrome editor, but I think that this
    (firebug) it is more precise. good technic.

  2. DynamicoDesigns July 3, 2011 at 4:04 am #

    @rolalquiaga Thank you very much for the compliment: I love both editors
    (Chrome’s & FireFox’s); I’m glad this video has helped some people – have a
    great day! : )

  3. darkc44 July 6, 2011 at 3:22 am #

    I’ve read this Dreamweaver book, I’ve asked for help on different forums,
    watched a lot of outdated youtube videos but your 14 minute video was more
    helpful then any other method! you just made web design so much easier for
    me. Truly appreciate it!

  4. DynamicoDesigns July 6, 2011 at 6:52 pm #

    @darkc44 Hi Darkc44 – That makes my day; glad I could help you out : )
    …I’m always trying to find out ways to make things easier for
    everyone…Feel free to pass this along to anyone you think might also
    benefit from it…Have an awesome day – I will be posting frequently…~
    Roger

  5. FANCRAVE August 4, 2011 at 6:35 am #

    Very useful information, exactly what I was looking for… Thanks

  6. chorltonville November 8, 2011 at 7:10 pm #

    Try using Firebug with Firefile. Direct save to your server or localhost.
    Be careful to know what you’re doing or as a precaution backup the css
    files. Saves me weeks of time!

  7. DynamicoDesigns December 10, 2011 at 6:41 pm #

    @chorltonville Very cool!…I love it – great tool to help make editing
    speedier: I think I’d refrain from recommending to a novice though until
    they learn to back-up; only drawback I see is that if you make an edit and
    save, you would have to be religious about back-tracking (a full
    understanding of CSS for sure) – this is an excellent tool for
    professionals; thanks for sharing : )

  8. Edwin Yip August 17, 2012 at 7:40 am #

    How about using text editor with a Firebug-like UI for tweaking css and
    html lively? That way you don’t have to do the “manual saving of the
    changed css” thing. That’s LIVEditor – the only text editor built after
    this concept, it’ll be in beta soon 🙂

  9. DynamicoDesigns September 14, 2012 at 6:39 pm #

    Thanks : ) – Also, this is FireBug’s way of telling you where the START of
    your changes are…The ‘line-number’ FireBug shows is referring to is the
    default style name (example: CSS Style possibly named ‘theme-background’
    could be situated at line-number 25 and has a LOT of variables associated
    with it like ‘color’, ‘background-image’, align, etc.)…From there, you’re
    able to look at the list of variables & change whichever one you wish…I
    hope this helps…And my apologies if it’s confusing..

  10. citystarsskatemt October 25, 2012 at 11:59 pm #

    awesome fuckin tutorial man!! learned so much in these however many
    minutes! keep it up bro!

  11. Erik Wahlen November 11, 2012 at 3:53 am #

    I uploaded a sample video from my new course, which will guide you through
    the process of creating professional and profitable marketing websites in a
    few hours. if you wanna learn more search on YTube for an amazing video
    with the title: –––»”V2 wordpress training” «––– and transform WP into a
    money making machine

  12. Justin Case December 4, 2012 at 3:28 pm #

    Can I make a suggestion? With regard to SEO’s The top title, content and
    description of individual websites. How to edit those three important lines
    of which helps when people are doing a search for a particular site their
    searching for. I like what your doing here, very helpful.. even for me!

  13. AzaleaCityCalendar December 15, 2012 at 10:27 pm #

    Awesome video. Very easy to follow. Thanks.

  14. Christy SG February 14, 2013 at 10:18 pm #

    I have been using this and…everytime i refresh, it’s like i didn’t do
    anything.. :((( I am using joomla though, don’t know if that’s why

  15. Jode Lynne December 18, 2013 at 7:24 pm #

    You are really awesome. I discovered your video today when I was looking
    for a simple way to change font color. I am new to working with the style
    sheets and word press (used to old school and dreamweaver). You made me
    feel so much more comfortable. I was afraid I’d ruin the template/theme.
    Thank you – these videos are great!

Leave a Reply