I have a problem with setting image path in theme scss file. I cant use relative path "../Img/1.png" like early in css or less files. And, as I can see, new base for path calculation is "/data/_cache"/

Is it intentional? Or maybe I do do something wrong. I just want to set in "background: url(" image, that saved in folder Img inside my theme folder.

Also some sugestion. It will be great, if top menu line will be more responsive to small screen sizes. May be shorten text or use pictos? It will be usefull when testing site on phone screen sizes.

And TS 5.0 is great step to perfectness! Thanks!

That's not intentional. For the TypesetterCMS.com theme, I used relative paths for images. For example, this is part of my .less file:

.gpSlideWrapper > .gpSlide{
    background:url('../wallpapers/1700-US476983-0.png');

}

which gets changed to the following by the less compiler.

.gpSlideWrapper > .gpSlide{

background: url('/themes/x_gpeasycom_spacelab/wallpapers/1700-US476983-0.png');

Can you post a snippet of your css or less?

May be for scss theme  use it like this

background: url(../../themes/theme_name/img/image.jpg);

-------------------------------------------------

to a2exfr

yes, right now I use it this way

-------------------------------------------------

to Josh S.

in TS 4.6 I use bootswatch.less from default bootswatch theme 

body{
    background: url(../img/waiter.jpg) left top no-repeat fixed #000;
}

Folder "img" is in theme folder, "bootswatch.less" is in "Bootswatch" folder inside theme folder. All work great

 

In TS 5.0 i use style.scss from default bootswatch_Scss theme (renamed to Mebel)

Folder "Img" is in theme folder, "style.scss" is in "Readable" folder inside theme folder.

This doesn't works:

.navbar {
  background: url(../Img/bg_hmn_l.png) top left no-repeat,
              url(../Img/bg_hmn_r.png) top right no-repeat,
              url(../Img/bg_hmn.png) top center repeat-x,
              none; }

 

This works, but look like workaround:

.navbar {
  background: url(../../themes/Mebel/Img/bg_hmn_l.png) top left no-repeat,
              url(../../themes/Mebel/Img/bg_hmn_r.png) top right no-repeat,
              url(../../themes/Mebel/Img/bg_hmn.png) top center repeat-x,
              none; }

 

Yeah, I think scss should work the same as less current works. I'll see if I can get it fixed

Yes, it works smooth!

Thanks