0
Welcome Guest! Login
0 items Join Now

Tutorial - How to Add Custom CSS File

  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 9 months ago
    • Hi I am trying this as well. I am confused as I have read through this thread and have seen a number of methods to indicate a custom css file I am usuing Nuance w/Gantry. I have tried rt_nuance-custom.css, custom.css, gantry-custom.css all in the template's custom folder and the css folder. Clearing site and browser cache each time. I have even tried the first method mentioned in this thread with the PHP file and companion css file. I have also tried the .scss file and have looked for the recompile css button - nothing. Please help as I am spending so miuch time just trying to implement a simple css style.

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

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 9 months ago
    • you are using Nuance ... so you are using Gantry 4 (not Gantry 5).
      So the way to add a custom css file is adding
      rt_nuance-custom.css
      in the css folder of your template.

      you may also want to clear Joomla cache as well as the browser cache ...
      Also make sure that the location of that file is accessible and not blocked.
    • Last Edit: 4 years 9 months ago by Henning.
  • Re: SOLVED:Tutorial - How to Add Custom CSS File

    Posted 4 years 9 months ago
    • Roger that. Perfect. Thanks a ton!
    • Last Edit: 4 years 9 months ago by Nebula Company.
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 7 months ago
    • Using Anacron witth Gantry 4.129
      and wnat to change the backround color oft the roknav dropdown menu, how can i do this?
    • Last Edit: 4 years 7 months ago by Eike Völkel.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 7 months ago
    • I suggest to ask that in the template related forum.
      We can't answer template releates questions in the open forum.
    • Olga's Avatar
    • Olga
    • Newbie
    • Posts: 4
    • Thanks: 0

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 6 months ago
    • Hello!

      How can I change <div class="rt-grid-12 rt-alpha rt-omega"> to <div class="rt-grid-9 rt-alpha rt-omega">?

      Screenshot attached -

      This image is hidden for guests.
      Please log in or register to see it.


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

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 6 months ago
    • Use a forced layout setting ... tho I wonder what you are trying to do?
    • The following users have thanked you: Olga

    • Olga's Avatar
    • Olga
    • Newbie
    • Posts: 4
    • Thanks: 0

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 6 months ago
    • For some reason site design was disturbed.

      It was like this:

      This image is hidden for guests.
      Please log in or register to see it.



      And became like this:

      This image is hidden for guests.
      Please log in or register to see it.


      Thanks
    • Last Edit: 4 years 6 months ago by Olga.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 6 months ago
    • Hi Olga,

      to be honest your screenshots don't really help much. I have no idea what you are trying to do. Since your topic doesn't seem to be related to the opening post I suggest to start your own thread. Explain exactly what you are tying to do and don't forget to include a link to your site.
    • Last Edit: 4 years 6 months ago by Henning.
    • The following users have thanked you: Olga

  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • Hi - I have recently installed the Graffito template and wanted to style some text and background in a custom HTML module which is in position showcase-b.

      I did the following > created a file called rt_graffito-custom.css and placed it in the \templates\rt_graffito folder. I then added the following code in the rt_graffito-custom.css file:

      #rt-showcase-b body {
      background-color: #b0c4de;
      }

      I saved the changes, refreshed the browser and nothing happens. I tried applying the code to different module positions and nothing happened with that either - I have been stuck on this problem for over 2 weeks - please help.

      the website is located at www.cashloanstoday.co thanks again

Time to create page: 0.104 seconds