How to add styles.css and images

I have created design and site which is visible through the browser. But the problem is that styles.css file is not taking effect and logo and other images are also not visible. I added the css file (as css file) and images (as image) through the add asset system under the design in question and they all appear in the asset map under the design.


I am confused because some guide also says that the css file and images should be in the 'mysource_files' folder but where is this folder? Am I supposed to create it, if yes where? Under the design and then add the css file and images to it.



Please help.

Yes, the design system can be a little tricky when you first start working with Matrix. :slight_smile: The mysource_files location is virtual: it doesn't actually exist anywhere within your system. Its how you should refer to your files and images within the HTML of the parsefile.


For example, if you wanted to reference a CSS file, you would use:



[html]<link rel="stylesheet" type="text/css" src="mysource_files/styles.css" />[/html]



Each file that is associated with the design (i.e. referenced like above) should be uploaded on the Details screen of the design under the "Associated Files" heading: Matrix will then automatically generate the correct URL for the files when displaying the design on the frontend.

[quote]Yes, the design system can be a little tricky when you first start working with Matrix. :slight_smile: The mysource_files location is virtual: it doesn’t actually exist anywhere within your system. Its how you should refer to your files and images within the HTML of the parsefile.


For example, if you wanted to reference a CSS file, you would use:



[html]<link rel=“stylesheet” type=“text/css” src=“mysource_files/styles.css” />[/html]



Each file that is associated with the design (i.e. referenced like above) should be uploaded on the Details screen of the design under the “Associated Files” heading: Matrix will then automatically generate the correct URL for the files when displaying the design on the frontend.

[right][post=“6755”]<{POST_SNAPBACK}>[/post][/right][/quote]

Many thanks. The problem is sorted in my case just by adding the styles.css file as file under the design asset. In the first instance I added the styles.css as ‘css’ file. I did not anticipate that there was a difference.