0
Welcome Guest! Login
0 items Join Now

Tutorial - How to Add Custom CSS File

    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 2 days ago
    • Gantry-Custom.css is wrong ... it must be gantry-custom.css (if you are using the basic gantry theme)
  • Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 2 days ago
    • Sorry -- the file name is gantry-custom.css -- it is in the directory sitename-templates-rt_anacron-css.

      it contains the follwoing code: #rt-drawer rt-block {padding: 0px}
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 2 days ago
    • in your case the filename must be rt_anacron-custom.css ...
  • Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 2 days ago
    • Thank you -- I fixed the code in side the file and everything worked -- You are a great teacher and help -- Thanks again !
  • Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 10 months ago
    • Hallo,

      I am new in Joomla developement. I realy want to create a new-custom module suffix for some modules of my website, but i have some (maybe stupid) guestions.

      1. In which file (css or less) are the module suffix classes located?
      2. Should i create a new custom css or less file to put my new module suffix? and in which path should i save my new custom file?
      3. Is there a guide (for dummies...) in which the right module suffix code is described??

      Thank a lot in advance....!!!!
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 216

    Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 10 months ago
    • 1. There are several CSS files that the template & Gantry are using.
      2. Yes, you should name your file rt_templatename-custom.css and put it in the template's css directory.
      3. I don't know which template that you are using but go to demo.rockettheme.com/joomla-templates and select your platform and then select your template and go to features > module variations.

      If you're using the latest Joomla template then the direct link would be demo.rockettheme.com/live/joomla/tessell...es/module-variations
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
  • Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 10 months ago
    • Hallo,

      Thank you for the quick reply Prim!!!

      I've fixed the problem but i have another question again.....

      I have created the following custom module suffix (and it works very well...)

      div._manolis {
      font-family: 'open sans condensed';
      font-size: 18px;
      background-color: #FFFF00;
      }

      And the certain module looks like the attached picture.

      But i want furthermore add a custom style for the header of the module. For example i want to put another font-family only for the titles of this module (without affecting the font family in the module content-text). I think this maybe the Header class of the module???

      I use the Vermillion template with gantry.

      Is it possible???

      Thank you in advance...
      Sorry for my english (the module is in greek language).
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 216

    Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 10 months ago
    • Can you provide a direct link to the issue?
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
  • Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 10 months ago
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 216

    Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 10 months ago
    • "And the certain module looks like the attached picture."

      It doesn't look like that here.

      About the font-family...you can try this:

      .mainmenuanimation-enabled-1 .menu-block .gf-menu.l1 > li > .item .menu-item-content {
      font-family: 'your own font', sans-serif;
      }
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG

Time to create page: 0.098 seconds