Job Board Software

CSS editing

From Job Board Software Support

Jump to: navigation, search


Contents

CSS editing tips

1. Use browser developer tools for IE 8, Chrome or Mozilla (plugin Firebug) to spot styles required. See the demo

2. Example of CSS editing: Changing background for website

3. Full guide for CSS and HTML editing can be found on W3schools.

4. Clear cache of the browser to see changes (usually Ctrl-F5/Command-R).


Editing CSS via admin

Your job board software CSS file is available for review on URL:

www.Your_Job_Board.com/css/template.css
For Jobmount versions before v.2:
www.Your_Job_Board.com/skins/basic/css/styles.css

CSS file abstract:

html, body {
   width: 100%;
   height: 100%; 
}
html {
   overflow-y: scroll; 
}
body {
   font-size: 80%; font-family: Arial, Helvetica, sans-serif;	color: #000;
   margin: 0; padding: 0;
   background: #f4f4f4;
   text-align: center;
/*	overflow-y: scroll;*/
}

Updating CSS styles - For Jobmount v.2 and above

See Header_and_footer_customization guide.


Adding new styles via job board software Admin to override main CSS - For Jobmount versions before v.2

1. Navigate job board Admin:

Site Settings: Edit WSW Styles


2. System will open the CSS file update form.

Supply the styles you wish to override existing website CSS file. This file is located at www.Your_Job_Board.com/wsw.css


Styles field update example:

File:Css_styles.png



modified on 5 February 2016 at 14:04 ••• 4,875 views