Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: Using Firebug for Customization or Troubleshooting

Using Firebug for Customization or Troubleshooting 9 years 6 days ago #1382

Firebug is a free add-on program that works with the Firefox web browser. It is tremendously helpful when you are working with Joomla! websites OR actually in any websites. Firebug lets you:
  • quickly find the exact CSS code that styles any HTML element;
  • quickly identify the HTML code for any element on a page;
  • instantly see the effects of changes to HTML or CSS code on the appearance of the page without making permanent CSS changes
A free, narrated video tutorial called "Using Firebug With Your Joomla! Website" is available at the links below. To play the videos, just click on the links below. To download the video files to your local computer and play them locally, right-click each link in Firefox and select "Save Link As". The contents of each video is as follows:


PART ONE. Click to Watch Video Tutorial (18 minutes)
  • Install Firebug
  • Firebug Layout
  • Inspect Command
  • Find Element From HTML
  • Change CSS
  • Add New CSS
  • Explore Beez Template
  • Beez Font Size Buttons
  • Beez Tableless Design
  • What's Next


PART TWO.Click to Watch Video Tutorial (13 minutes)
  • Module Class Suffixes
  • Menu Styling
  • Module Class Suffix Parameter
  • Page Class Suffix Parameter
  • Add Inline CSS Property
  • Apply Style to New CSS Class
  • Firebug Help Resources
Last Edit: 9 years 6 days ago by Support.
The administrator has disabled public write access.

Using Firebug for Customization or Troubleshooting 9 years 6 days ago #1384

Here comes an other FireBug tutorials sequence about how to use Firebug for CSS customization.

Part 1 of 2: How to use FireBug to edit CSS Styles





Part 2 of 2: How to use FireBug to edit CSS Styles



If you found some others, please don't hesitate to post them here.

Forum Support
Last Edit: 9 years 6 days ago by Support.
The administrator has disabled public write access.

Using Firebug for Customization or Troubleshooting 9 years 10 hours ago #1439

A quick example to change the font-color with using Firebug plugin, see the 2 screenshots below:

1.
PastedImage12112636AM.gif


2.
PastedImage12112626AM.gif


Forum Support.
The administrator has disabled public write access.

Using Firebug for Customization or Troubleshooting 8 years 11 months ago #1601

Another example about how to use the "firebug" to solve a corrupted CSS related issue:

1. the problem.

Attachment PastedImage121212132AM.gif not found



2. The first attempt to solve it

Attachment PastedImage121212119AM.gif not found




3. The second attempt to solve it and final look!.

Attachment PastedImage121212122AM.gif not found

Last Edit: 8 years 11 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.048 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo