0
Welcome Guest! Login
0 items Join Now

Recommendations for an aspiring template designer

    • ZioRiP's Avatar
    • ZioRiP
    • Hero Rocketeer
    • Posts: 282
    • Thanks: 0

    Recommendations for an aspiring template designer

    Posted 10 years 6 months ago
    • Hello everybody, after a number of years using Joomla! I have decided that it may be time that I start applying some bit of HTML and CSS (that I have been studying for some weeks along with javascript and php).
      I have no experience at all, I love Gantry as I am used to it and I have decided to rebuild the template of my personal website that is now using Acacia.

      I have installed a Gantry template after reading a big slice of documentation (I just miss things that I still don't plan to use in the advanced section).
      I have successfully added a custom position below the header, still in the 'Header' div.
      I have noticed that there is a style, and wow, there are a lot of style files in the style folders.
      I have also noticed that I can probably override everything with a file called grid-responsive.css in its folder, but I was wondering if there is any kind of resets for the existing style or what I should delete (if I should) in order to have a completely blank environment to style.
      Also, if you have any other advices, I'll be happy to hear from any of you as this is my very very first experience :)
      Thanks in advance.
    • Last Edit: 10 years 6 months ago by ZioRiP.
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22291
    • Thanks: 3228
    • messin' with stuff

    Re: Recommendations for an aspiring template designer

    Posted 10 years 6 months ago
    • same as with RT Templates I wouldn't ever recommend editing core Gantry CSS files... you can instead use Custom CSS or Custom LESS files...

      This is how to create a custom CSS override file compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_gantry). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      More here: www.gantry-framework.org/documentation/j...custom_stylesheet.md
      Even more here: www.rockettheme.com/forum/free-joomla-st...-or-less-custom-file

      I've built a couple "raw" Gantry sites with the base Gantry template... I much prefer to use RT Templates and restyle them as I want... it's nice to not have to style a complicated menu system and to have consistent geometry throughout the site to work with which is why I prefer starting with RT Templates... but there's nothing too tricky about the base Gantry Template and it's a good exercise to beef up your code skills ;)
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • ZioRiP's Avatar
    • ZioRiP
    • Hero Rocketeer
    • Posts: 282
    • Thanks: 0

    Re: Recommendations for an aspiring template designer

    Posted 10 years 6 months ago
    • Thanks!
      I would really love to do what you guys do with your framework though :)

Time to create page: 0.048 seconds