Author Topic: How to use Firebug to examine/edit page code and style  (Read 12858 times)

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26306
  • Always on vacation
    • Jenkin Hill Internet
How to use Firebug to examine/edit page code and style
« on: July 15, 2010, 12:21:24 pm »
Most Joomla! site developers use the Firebug tool in Firefox to examine displayed pages, to show page HTML and CSS code, and to test the effects of changes within the code. This is a very good tool for the rapid identification of VirtueMart template layout issues and the testing of changes to CSS - without making any actual alterations to the underlying code.

Having identified any required alterations or additions in CSS, those changes can then be written into the relevant CSS files in the Joomla! template or VirtueMart theme CSS.

To see an introduction to the use of Firebug see http://docs.joomla.org/Tutorial:Using_Firebug_With_Your_Joomla_Website

A further tutorial showing different aspects of Firebug is on http://www.ostraining.com/blog/coding/firebug-logos
Kelvyn

Jenkin Hill Internet,
Keswick, Lake District

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM3.2.4 on Joomla 3.8 PHP 7.0.23

Testing VM3.2.5.9641 on J!3.8