Let's say you want to make the text-size of article headings bigger. Now how do you find out the name of the style that you have to edit? We'll check this out the Firebug way:
1. Open the frontend of your Joomla!-powered website in the Firefox browser. Activate Firebug by clicking on the Firebug icon (in the bottom right corner of the browser window). In the bottom half of the browser window, the Firebug screen is displayed, showing both the HTML source and the CSS of the current web page.
2. In the normal browser screen, click on the heading THIS YEARS MEETING to see the current HTML and CSS displayed in the Firebug window below. The CSS secret is revealed; this heading is styled by
h2.contentheading
.3. In the Firebug Style window, edit
h2.contentheading
by changingfont-size: 18px
; tofont-size: 40px
;. The effects of your edits are immediately shown in the browser window:
The huge font size is probably not what you're after. Just enter...