Title: custom css
Last modified: September 1, 2016

---

# custom css

 *  [mynde](https://wordpress.org/support/users/mynde/)
 * (@mynde)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/custom-css-163/)
 * Hello community, so there i have a problem with adding custom css code to my 
   javascript , I have added this javascript in my header.php file
 *     ```
       <script type="text/javascript">
       $ = jQuery;
   
       $(function(){
         var introguide = introJs();
         // var startbtn   = $('#startdemotour');
   
         introguide.setOptions({
           steps: [
           {
             element: '.menu-item-1488',
             intro: 'This guided tour will explain the Hongkiat demo page interface.<br><br>Use the arrow keys for navigation or hit ESC to exit the tour immediately.',
             position: 'bottom'
           },
           {
             element: '.menu-item-1488',
             intro: 'Click this main logo to view a list of all Hongkiat demos.',
             position: 'bottom'
           },
           {
             element: '.menu-item-1488',
             intro: 'Hover over each title to display a longer description.',
             position: 'bottom'
           },
           {
             element: '.readtutorial a',
             intro: 'Click this orange button to view the tutorial article in a new tab.',
             position: 'right'
           },
           {
             element: '.nav-menu',
             intro: "Each demo will link to the previous & next entries.",
             position: 'bottom'
           }
           ]
         });
   
         introguide.start();
   
       });
       </script>
       ```
   
 * and in order for it to work i have to include theese also
 *     ```
       <link rel="stylesheet" type="text/css" href="/css/style.css">
       <link rel="stylesheet" type="text/css" href="/css/demo-style.css">
       <link rel="stylesheet" type="text/css" href="/css/introjs.css">
       ```
   
 * But if i add this to my header, whole page depends on theese css files , and 
   my layout gets all fuzzy , sorry for noobish questions and thank you for help!

Viewing 1 replies (of 1 total)

 *  [Stacy (non coder)](https://wordpress.org/support/users/functionmunchkin/)
 * (@functionmunchkin)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/custom-css-163/#post-7721721)
 * Use a custom css plugin where it goes on top like in another style sheet. [https://wordpress.org/plugins/so-css/](https://wordpress.org/plugins/so-css/)
    -  This reply was modified 9 years, 9 months ago by [Stacy (non coder)](https://wordpress.org/support/users/functionmunchkin/).

Viewing 1 replies (of 1 total)

The topic ‘custom css’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Stacy (non coder)](https://wordpress.org/support/users/functionmunchkin/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/custom-css-163/#post-7721721)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics