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.)