0
Welcome Guest! Login
0 items Join Now

Which .less file for <header id="rt-top-surround"​> ?

  • Which .less file for <header id="rt-top-surround"​> ?

    Posted 12 years 6 months ago
    • Hello,

      I can't for the life of me find the .less file in Gantry 4 so I can edit this style? :cry:

      <header id="rt-top-surround">

      These are the styles for rt-top-surround:

      #rt-top-surround {
      background-color: #F1F1F1;
      background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
      background-repeat: repeat-x;
      border-bottom: 1px solid #FFFFFF;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      color: #6E6E6E;
      text-shadow: 0 2px 3px #FFFFFF;

      Can anyone please enlighten me!

      Thanks!

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

    Re: Which .less file for <header id="rt-top-surround"​> ?

    Posted 12 years 6 months ago
    • I suggest to create a custom css file in the css folder of your template.
      If you are using the basic gantry template this will be: gantry-custom.css
      If you are using fracture for example it should be
      rt_frarture-custom.css.
      As you can see it's following this pattern:
      [template-name]-custom.css.

      Now copy that rule into this file and add a little css specificity like this

      div#rt-top-surround {
      background-color: #F1F1F1;
      background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
      background-repeat: repeat-x;
      border-bottom: 1px solid #FFFFFF;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      color: #6E6E6E;
      text-shadow: 0 2px 3px #FFFFFF;
      }

      Now all changes to this rule will override the one in template like

      [edit this code was bs :-)]div#rt-top-surround {
      background-color: red;
      }[/edit]

      header#rt-top-surround {
      background-color: red;
      background-image: none;
      }
  • Re: Which .less file for <header id="rt-top-surround"​> ?

    Posted 12 years 6 months ago
    • Thanks but how do I stop Less compiling the css?

      I did what you suggested but the compiled less file is still being generated.

      I am using the basic gantry template.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Which .less file for <header id="rt-top-surround"​> ?

    Posted 12 years 6 months ago
    • you don't need to stop the compiling (and btw. you cant do that, gantry decides itself when compiling is needed and when not) ...

      Do you have a link?
  • Re: Which .less file for <header id="rt-top-surround"​> ?

    Posted 12 years 6 months ago
    • PM sent
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Which .less file for <header id="rt-top-surround"​> ?

    Posted 12 years 6 months ago
    • adding

      header#rt-top-surround {
      background-color: red;
      background-image: none;
      }

      would make that area red ...
  • Re: Which .less file for <header id="rt-top-surround"​> ?

    Posted 12 years 6 months ago
    • Thanks Henning. :D

Time to create page: 0.080 seconds