It is possible to add different typography for different home pages in the Joomla template. I want to set different typography according to home page selection. possible how?
Set Different Typography for Joomla Template
58 views Asked by Zubair Hafeez At
2
There are 2 answers
0
AlejandroVega
On
If you only want to change the typography for the content area, use "Page Class" in "Page Display" Tab inside your menu item.
If you want to change the typography for the entire menu item page, try this:
- By item id:
As an example in the default Protostar template you can see in the <body> tag a class like:
<body class="... itemid-101 ...">
This corresponds to the menu item with the Id 101. From here you can add a class in the file user.css for the new CSS class .item101 {}, this works for the entire <body> tag.
The code used here, in the index.php file:
<?php echo $itemid ? ' itemid-' . $itemid : ''; ?>
- You also can use similar approach with an active menu item, find here more examples: https://docs.joomla.org/Using_the_Page_Class_Suffix_in_Template_Code
Related Questions in TEMPLATES
- Why can't I use templates members in its specialization?
- wrapping c++ function template with Cython
- MSVC Compiler Template Sizeof...() not working
- .lib not generated when building DLL project using template class
- Creating C++ templates with a value switch based on typename
- can i use eventEmeter in ng-container with *ngTemplateOutlet
- duplicate symbol in clang for template specialization of static member
- Hyperlink doesn't redirect while others do
- Cannot convert template argument to the actual type being passed
- C++ ordered map optimized with index access
- Meaning of template<auto = {}>
- Smarty - Best way to create reusable components
- Using clang or gcc, how do I list the templates instantiated in an object file (.o)?
- How to pass a template parameter to an object without calling its member functions?
- Publishing Project Templates and cli tools to Azure Devops
Related Questions in JOOMLA
- Problem with a simple query script used in RS Forms on Joomla 4
- How point to other link after login
- How to get media manager file attribute (CREATED DATE) in Joomla! 3.10.5
- Joomla 5..0.3 delay in search
- how to make an .mp4 file inaccessible on the public side
- How can I make the content of <field> show only once/under the checkbox clicked?
- Site links have started giving 403 errors through Facebook debugger
- Joomla 5 translation for com_content category layout in custom template
- change the look of the user login in joomla
- How can I use a helper file in a system plugin?
- Trying to send html content in a JSON format using Python to Joomla API
- How to add Joomla 4 user via script
- Joomla - Remove script tags from head with a custom plugin
- Class 'SppagebuilderHelper' not found in Joomla CMS
- Trouble Integrating MySQL 8.0 with MAMP for Joomla 5 on an Older iMac
Related Questions in THEMES
- Changing the theme of a #32768 (menu) window class at runtime
- Toggling dark/light theme in html
- Flutter Theme Flickers Briefly Before Switching to Light Mode
- Theme toggle caption Image may contain a
- How to set the appBar color to be REALLY White?
- How do I disable the circular slider buttons?
- chakra ui custom theme doesnt give autocomplete for custom varients
- How to isolate the theme colors of concurrent Vue+Vuetify app instances?
- Cannot enable any extension in Ubuntu 22.04
- The Hamburgermenu of my shopify website (www.skiffaboei.myshopify.com) is not showing after clicking on the icon
- Blogger next previous navigations missing
- flynt wordpress site builder not outputting data on frontend
- Trouble defining Themes in a Visual Studio Extension
- Can i set a image as a back ground in theme in flutter?
- How to get the images of a TDBNavigator with a TStyle theme applied to it?
Related Questions in JOOMLA3.0
- TinyMCE API for joomla
- How do I trigger modal js function for Virtuemart child products
- Joomla Website showing while color while opening website (only Home Page is white and remaining pages working fine)
- Add bootstrap tooltip in input field
- Reoder featured articles after migration to joomla 4
- How to search domains with common code or template?
- Virtuemart mod_virtuemart_product sef issue
- How to override Session.php in joomla
- How to enable X-Forwarded-For (XFF) Header in Joomla 3.10.x
- How to restore the install from file upload container in the Joomla back-end admin
- How could I save special characters on text type on Joomla xml config file?
- count multiple values in one column(mysql) PHP (Rs form joomla)
- I can only find how to fit a smaller background to a bigger size page using I want to fit a 5000px background to the width of smaller pages
- How can I get my Joomla 3 to work correctly?
- Redirect url with ids range to another url using htaccess
Related Questions in JOOMLA-TEMPLATE
- I use joomla 4.2.6 and pagebuilder .The addon form builder dont work properly
- Error while trying to authenticate in joomla template
- Joomla 4 doesn't load assets of custom template
- How can I identify the ID of a specific DIV so I can add background image to it?
- Error "500 behavior::tabstate not found." when trying to access SP Page Builder
- Set Different Typography for Joomla Template
- Style Joomla! template with Bootstrap 4.3, Add bootstrap style to custom style
- Joomla - Convenient Template Upgrades
- Joomla - Save article from frontend does not work with Allrounder-Template
- Rewriting whole DOM via Javascript
- how to change content of template postion by a component in joomla
- How to load a menu module in header and footer in joomla?
- Strange String ">>>>" turning up in the top of the site
- Joomla custom template error installing
- Responsive site to Joomla template
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Popular Tags
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
You can specify a different page class suffix in the menu option for each page and then use the page class suffixes in custom CSS to specify the typography for each page.