CSS files?

  • Resolved kevd10

    (@kevd10)


    10 years, 11 months ago

    I am trying to alter the CSS using chrome dev tools. My standard procedure is to make changes to the CSS in dev tools, then click on the link to the top right of the CSS in dev tools which brings up the entire CSS file on the left hand side. I then copy this text and paste it in the file editor in my dashboard. Problem is with this theme, when I try to click to bring up the CSS file, a completely different file loads. This file shows a long continous single line of CSS, but it is not the main stylesheet.css file as seen in the editor.

    Help??

Viewing 1 replies (of 1 total)
  • Theme Author Iceable

    (@iceable)

    Hello,

    This theme is using another css file (boldr.min.css) located in the /css/ folder of the theme. This CSS file is compressed for best performance, thus why you see a huge single line.
    Unfortunately this file won’t be shown in the WordPress theme editor, so you would need to access it via FTP.

    But note that the main style.css file is also used by the theme, and enqueued after boldr.min.css so you can enter your own CSS rules in it and they will be applied to the front end with a higher priority.
    To make it work with your own usual procedure, you can simply hit the “plus” sign in chrome dev tools to create new rules (instead of modifying the pre-existing ones). Chrome will store your new custom CSS in “inspector-stylesheet”, so you can then just copy/paste it to style.css.

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