Where is CSS code located in a JR site? And related questions
Design and Skin Customization
There are many ways to work with jamroom because there are multiple layers of over-ride capabilities.
So for web developers who like to work with normal web development techniques, going to look for settings in the ACP to try to change the color of something is not a natural flow for them.
For web developers the way they work with design on the web is through alteration of .css files and an IDE or editor.
The current active skin will have a containing folder /css and all the css files will be contained in that. You can access it via SFTP into your server:
Docs: "Connecting to your server using SFTP"
https://www.jamroom.net/the-jamroom-network/documentation/jamroom-hosting/2552/connecting-to-your-server-using-sftp
Then the css will be in:
/skins/(YOUR SKIN)/css/(many files in here).css
In that same skins folder you will find a file called
/skins/(YOUR SKIN)/include.php
which is where you will find the skin_init() function which pulls in all of the .css files that the skin uses, you can add more if needed.
1. skin .tpl files
These are the structure of each page, its made up of a combination of smarty and html.
2. skin_init
This is found in the include.php file for the skin and fires off functions which allow the system to understand what files need to be included in order for the skin to function
3. widgets
These are a different way to create a page, you can use Site Builder and widgets OR a somepage.tpl file to create the page structure. Each widget will have an id which can be targeted by CSS if specialized styling is required for that widget
4. widget ids
CSS can target structure via multiple methods, id's, classes and even by the element name. CSS is a language of styling, so you can say
"everything that has a class of blue_thing, make it the color blue" "everything that has the id of some_widget make its corners rounded and give it an orange background"
5. css code
A design language for styling html elements via the use of tags attached to the elements. usually classes
6. html code
The language of the structure of web pages, tells the browser what things need to go on the page.