0
Welcome Guest! Login
0 items Join Now

Edit LESS + CSS specificity - I don't get it

  • Edit LESS + CSS specificity - I don't get it

    Posted 12 years 2 months ago
    • Hi

      Can someone show me how to create a custom CSS file that will override the existing LESS file output?

      I am doing this:
      I am trying with the metropolis template as well:
      1) I find the code in firebug I want to change: .main-bg-blue .rt-bg2 {
      background-image: url("../images/backgrounds/blue/top-bg-texture.png");
      2) I create the file rt_metropolis-custom.css and add the code: .rt-bg2 {
      background-image: url("../images/backgrounds/blue/top-bg-texture6.png");} (knowing the image top-bg-texture6.png doesnt exist and therefore the file should not be shown on the frontpage.
      3) I upload the new css file to the CSS folder of rt_metropolis.
      4) Nothing happens.

      What am I doing wrong? How should a CSS specificity look, if I created one, using the exampleabove?

      (I think LESS is mess. Easier when you could just edit the css files.)

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

    Re: Edit LESS + CSS specificity - I don't get it

    Posted 12 years 2 months ago
    • 2. The custom CSS will be loaded anyway.

      4. Try clearing Gantry/LESS and browser cache.
    • 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.062 seconds