Support » Plugin: CSSable Countdown » trouble adding CSS

Viewing 1 replies (of 1 total)
  • Plugin Author dmonnier

    (@dmonnier)

    Hoo boy. This plug-in is aimed towards people who are comfortable with working directly with CSS files, but you could do it from the WordPress Dashboard. A word of warning – the Dashboard Editor will be making edits directly to your theme CSS file, so if you upgrade, re-install, or change your theme, your countdown CSS will be lost unless you copy and paste it every time.

    In the Dashboard, click on Appearance > Editor. You should see something like {Name of Theme}: Stylesheet (style.css). Add your CSS down at the bottom (or anywhere after the closing */ in the header block). These are the countdown-specific styles:

    /* countdown exists in this block */
    .hasCountdown {}
    
    /* event description */
    .countdown_descr {}
    
    /* number groups */
    .countdown_section {}
    
    /* numbers */
    .countdown_amount {}
    
    /* number labels */
    .countdown_label {}
    
    /* time's up! message */
    .times-up {}

    Since you went looking, the included CSS files for default, list, and text formats are in: /path/to/plugins/cssable-countdown/includes/css/. You can modify those, but when I put out a new version of the plugin and you upgrade, you’ll lose those changes.

    I strongly suggest that you not use the Dashboard to edit the theme CSS directly or edit any of the included CSS files. Instead, create a new file (say, countdown.css) in your theme directory and follow the FAQ under “How do I add my own CSS?“.

Viewing 1 replies (of 1 total)
  • The topic ‘trouble adding CSS’ is closed to new replies.