Add New CSS and JavaScript using the Site Style

You can easily add new CSS or JavaScript code to your web site by using Site Style

 

1. To access the Site Style click on the Developers tab.

Screen_Shot_2014-06-23_at_11.16.18_AM.png

 

2. Then click on the Site Style menu item.

Screen_Shot_2014-06-23_at_11.16.24_AM.png

 

3. We ca use the default site style or create a new one by clicking on the Add Site Style button.

Screen_Shot_2014-06-23_at_11.16.40_AM.png

 

4. Once on the site style page we need to provide a title for this style.

Screen_Shot_2014-06-23_at_11.18.16_AM.png

 

5. Next, let's select the site where this style will be applied.

Screen_Shot_2014-06-23_at_11.35.59_AM.png

 

6. Click on the Choose File button to upload a logo for your web site.

Screen_Shot_2014-06-23_at_11.18.27_AM.png

 

7. Click on the Choose File button to upload the sprite for your web site.

Screen_Shot_2014-06-23_at_11.18.31_AM.png

 

8. The Site Style can be used to upload CSS of JavaScript which can be used by the site's templates. The Filename tex field can be used to provide a specific file name.

Screen_Shot_2014-06-23_at_11.21.42_AM.png

 

9. Next, we can add JavaScript which will be used throughout your web site. The content of the script will be called during the $(document).ready.

Screen_Shot_2014-06-23_at_11.22.14_AM.png

 

10. The scripts can be applied in specific order by changing the value in the Order textfield.

Screen_Shot_2014-06-23_at_11.22.06_AM.png

 

11. We can add new CSS to the web site or override existing code using the Site stylesheets section. Same as with the JavaScript the order in which the CSS is applied to the site can be controlled by updating the value in the Order text field.

Screen_Shot_2014-06-23_at_11.22.57_AM.png

 

12. Click on Save when ready to apply the changes.

Screen_Shot_2014-06-23_at_11.23.19_AM.png

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk