Can I override the system CSS?

Short answer is YES.  Here is one way you might implement your own CSS, step by step.

1. Let's assume you have a design folder named 'design-mine'.  Via ftp navigate to the design / design-mine folder.

2. Create a folder at the root of your design named 'mycss' 

3. Change to the mycss folder and upload your custom css file.  For purposes of our example please name it mycssfile.css

4. Add this tag  <% AddCSS("</mycss/mycssfile.css>")%>   to the bottom of each template just above the /body tag.  Our system will put your custom CSS in the right place of the head tag dynamically when the page renders.  Pages to consider adding this tag to are default.wc, catalog.wc and other templates used to render our CMS content.  Some of our system designs have a footer.wc or section-footer.wc file that is being included in the main template files.  You will find the /body tag there.

5. Be sure to use the attribute !important in your CSS override file so that the users browser is sure to use YOUR class instead of ours.

Tip:  here is an example of what you might put inside your mycssfile.css 

#parts-catalog {
height: 100% !important;
font-size: 14px !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;

Was this answer helpful? 0 Users Found This Useful (0 Votes)