![]() Note: The following screenshots were made using the free Firefox add-in called Firebug. It should look like the following: īrowse down the file and find the following tags: Using the Find command, find the first occurrence of the word componentheading. In Internet Explorer, select View → Source. In your browser, select the option to view the page source code. In the Frontend, navigate to Example Pages → Section Blog. How It Works Without a Page Class Suffix īefore we add a Page Class Suffix, let's see how this pages works without one. Also, make sure the default template is set to rhuk_milkyway (in the Extensions → Template Manager). However, if you add a unique Page Class Suffix to a Menu Item, then Joomla! will create new CSS classes for each individual Menu Item so you can style each one differently.īefore you start, make sure you have the Joomla! sample website available. For example, if you change the style for the CSS class componentheading, it will affect all of the Menu Items that use this class. In both of these cases, if you modify the styling in your template.css file for the standard CSS classes, it will affect all Menu Items that use these CSS classes. Or say that you want the heading on your home page to look different than the heading on other pages. For example, maybe you want a different background color or image for each different section. However, say you want each of these sections styled differently than the others. If you are happy to have all of these pages styled the same way, then you wouldn't need to use a Page Class Suffix. Say, for example, that your website contains a number of Section Blog layouts, each for a different Section. The best way to understand this is to see specific examples. This lets you fine-tune the appearance of specific pages with no programming and little work. But Joomla! allows you to modify or add CSS classes by way of the Class Suffix parameters. These class names are pre-programmed into Joomla!. ![]() When Joomla! creates a page, it creates different CSS classes that are then referenced in the CSS file to specify which style will apply to which parts of the HTML page. This includes things like fonts, colors, margins, and background. Joomla! creates HTML pages that use Cascading Style Sheets to control the appearance of the page. 4.1 Be Careful Not to Break Existing CSS Styling.3.3 Page Class Suffix (With a Leading Space).3.1 How It Works Without a Page Class Suffix.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |