0
Welcome Guest! Login
0 items Join Now

Still Viable? Tutorial - How to Add Custom CSS File

    • Peter W's Avatar
    • Peter W
    • Jr. Rocketeer
    • Posts: 44
    • Thanks: 0
    • Pete

    Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • Peter W's Avatar
    • Peter W
    • Jr. Rocketeer
    • Posts: 44
    • Thanks: 0
    • Pete

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • Henning wrote:
      Thank you !! My other immediate issue is to change header background image from what it is... what is the noise.png (I think) do? And somewhere, I saw some repeat things about it..

      Thanks again,

      Pete
    • Miles of Smiles!

      Pete
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • Which template are you using?

      One more thing, i think you should read and learn this: www.rockettheme.com/blog/coding/1767-bas...omizing-with-lesscss

      It will help you a lot :)
    • 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
    • Peter W's Avatar
    • Peter W
    • Jr. Rocketeer
    • Posts: 44
    • Thanks: 0
    • Pete

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • prim wrote:
      Which template are you using?

      One more thing, i think you should read and learn this: www.rockettheme.com/blog/coding/1767-bas...omizing-with-lesscss

      It will help you a lot :)

      Sorry for late reply, and thank you...and now it seems like we are making dome ground.

      1) Gantry, hence this link in Original post "which was a sticky" www.rockettheme.com/forum/index.php?f=39...06162&rb_v=viewtopic and it seems like "WE" are all in agreement? It is no longer a viable answer? Especially for G 4 ?

      Possibly re-title it, [as information is for older versions?] I feel as like myself, people see that and spend time on something no longer pertaining? [ thank you ] And may this thread when condensed become a "newer help" system for others.

      2) Yes, the 2 links provided so far have helped greatly in understanding and I have read thru them and getting ready to "apply" some of it.

      Now, I just opened up the one in question in which I am working on, and it was LIVE so I downloaded /template/gantry file for now.

      In there I see somehow self-generated /less files...and I did not create them.

      Please keep in mind, these are generated 12/4 and with so much attempting to do other things (until the above 2 links given) I can not remember WHAT THREADS they came from, but I have been reading 'solved threads' and now it looks like everything has been a waste.

      The files that are in the directory /less all have *_old.less now, and it is not something I generated. The only modification I had made was from where a thread said for modify static full image background.

      I wanted the whole site...for this one, as well as simply put a header image in another site.
      /**
       * @version   $Id: style.less 9769 2013-04-26 17:40:14Z kevin $
       * @author    RocketTheme http://www.rockettheme.com
       * @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
       * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
       */
       
      // Core
      /* This was Original
      body {
          background: @bodybackground;
          color: @bodytext;
      }
      */
      /* Added  1/17/2014 */
      body {
          height: 101%;
            background: url no-repeat fixed center center transparent;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          color: @bodytext;
      }
    • Last Edit: 8 years 11 months ago by Kat05.
    • Miles of Smiles!

      Pete
    • Peter W's Avatar
    • Peter W
    • Jr. Rocketeer
    • Posts: 44
    • Thanks: 0
    • Pete

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • /* 11:04am Update */

      Added per webpage tutorial:
      I created (2) Showcase A and Showcase B

      1) Created file called gantry-custom.css and it resides in templates/gantry/css as per tutorial
      here:

      www.gantry-framework.org/documentation/j...custom_stylesheet.md

      File contains exact per page:
      #rt-showcase .rt-block {padding: 15px 15px 0; margin: 10px 10px 0;}

      2) Clear Maintenance: Clear Cache > 'check all' > Delete

      3) Purge Expired > Purge Expired

      4) Open Site = Inspect Element with Firebug.
      .rt-block {
           margin: 10px;
           padding: 15px;
           position: relative;
      }

      Nothing at all changed. Getting dis appointed really,
    • Miles of Smiles!

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

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • Do you have a link to check?

      btw. the "old" way of adding a custom css file via writing a gantry feature still works and there are some good reasons to go that way.

      Addding a css file via the [template-name]-custom.css in the css folder of the template is in fact a feature that came with Gantry4 because we had many requests for that.
    • Peter W's Avatar
    • Peter W
    • Jr. Rocketeer
    • Posts: 44
    • Thanks: 0
    • Pete

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • This I am trying local, I will now "duplicate" my attempt on a live IP based URL and get it to you. Please do not leave me...smile...allow my about 15 minutes.
    • Miles of Smiles!

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

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • btw are we talking about Joomla or WP?
    • Peter W's Avatar
    • Peter W
    • Jr. Rocketeer
    • Posts: 44
    • Thanks: 0
    • Pete

    Re: Still Viable? Tutorial - How to Add Custom CSS File

    Posted 10 years 10 months ago
    • Joomla,

      1) I have created (2) Showcase A and Showcase B custom HTML

      2) Have live on IP and will send PM file was placed in:

      /template/gantry/css

      3) Super User for you created;
    • Miles of Smiles!

      Pete

Time to create page: 0.063 seconds