Changing Fonts in Add-ons 5.7
PermalinkHow I can chage Font types in diferent blocks, for example, page list block, or autonav block? I can see that is posible to change color, size and other properties, but I don't have option to change to other Font type.
Is posible to change Font types for individuals add-ons?
Thanks,
Bad News, I don't believe that is imposible to change the Font of individuals parts of the site.
:(
Regards,
"In other words : In "page-list" or "autoNav" you dont have any css style setting the font (view.css or view.php: external/inline/Internal style sheet). "
Then for do changes, is necesary to do a copy of desired block, ie, a new block? And change the fonts with the method that you explain.
Then I understand, for the future I lost any upgrades to this blocks?
Regards,
Look at the docs. you can create "custom template" (inside "application") and change only the view (The design, style, markup and so on) add css/js (In the future you can add this "custom template" to package but for now "copy & paste" if you want this template in more than one site).
See the links. Search on google or C5 docs for more docs
https://www.youtube.com/watch?v=yjqkZiwcNNE...
https://www.youtube.com/watch?v=xI8dUNAc6fU...
http://c5hub.com/learning/create-your-own-concrete5-block-custom-te...
Advanced example + video:
http://documentation.concrete5.org/developers/working-with-blocks/w...
If you work with elemental use this (read the description):
https://www.concrete5.org/marketplace/themes/cloneamental...
In other words : In "page-list" or "autoNav" you dont have any css style setting the font (view.css or view.php: external/inline/Internal style sheet).
If you want to set specific font learn in google/youtube about "font-face" and "font-family"
(combine of loading asset and/or use system fonts + and selectors)
Learn about:
- Font-Family:http://www.w3schools.com/cssref/pr_font_font-family.asp...
- FontFace :https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face...
Look also at "google fonts".
Code examples:
http://codepen.io/machal/pen/aLeGg...
http://codepen.io/sercaneraslan/pen/nHvlC...
"TUTURIAL" (Again! its better to set global font in "theme level")
Add this style inside "custom template " page list : view.php (or : view.css)
Output "hello new font" in "DroidSerif" font