Title: Edit css in active-styles.css directly
Last modified: November 28, 2024

---

# Edit css in active-styles.css directly

 *  [nicole2292](https://wordpress.org/support/users/nicole2292/)
 * (@nicole2292)
 * [1 year, 7 months ago](https://wordpress.org/support/topic/edit-css-in-active-styles-css-directly/)
 * I have just taken over a site where the previous website manager (I imagine a
   designer with no coding skills) used Microthemer to style a Gravity Form.
 * The thing is a dogs breakfast and I need to sort it out however honestly Microthemer
   is not helping me to do so. I can see the problematic styles in the browser when
   inspecting the elements and in the microthemer inspector but I cannot edit the
   styles. The problem seems to be the selectors used: nth-child(12) etc. Even if
   I choose the affected element and change the selector to be exactly as per the
   stylesheet in microthemer I cannot see the problematic styles in the “code editor”
   so I cannot actually edit them. The “code editor” also only shows styles for 
   the current element and selector not the full css code. What a pain!
 * How can I edit active-styles.css directly in full? I can only view active-styles.
   css in microthemer settings and I cannot seem to edit it. I even tried to export
   and import option but that seemed confusing asking what to export and no option
   to just export the whole file. I just wanted to export the whole active-styles.
   css so I can edit it locally then import it again.
 * Will it mess microthemer and it’s revisions up if I edit active-styles.css directly
   using FTP?
 * How can I edit the css in Microthemer like an adult who actually knows how to
   code and wants to see the whole css file code and edit any and all selectors 
   in the file?
 * Thanks.

Viewing 1 replies (of 1 total)

 *  Plugin Author [Themeover](https://wordpress.org/support/users/bastywebb/)
 * (@bastywebb)
 * [1 year, 7 months ago](https://wordpress.org/support/topic/edit-css-in-active-styles-css-directly/#post-18166711)
 * Hey Nicole,
 * Sorry to hear you’ve been having a hard time with this. 
   **To find single selectors
   in the Microthemer interface:**
    1. Click the folder icon at the top left of the interface to open the folders panel
    2. Use the search form at the top to locate the selector based on what you know
       e.g. “nth-child(12)”
    3. Also, the CSS comments in draft-styles.css (the unminified version shown to 
       logged in admins) show the Folder >> selector, which might help you locate the
       selector in the Microthemer interface
 * It’s best not to edit draft-styles.css or active-styles.css directly, as Microthemer
   will overwrite that file if you make any changes in Microthemer. 
   I hope that
   helps. Let me know if you need further assistance.Thanks,Sebastian

Viewing 1 replies (of 1 total)

The topic ‘Edit css in active-styles.css directly’ is closed to new replies.

 * ![](https://ps.w.org/microthemer/assets/icon.svg?rev=2722065)
 * [Microthemer Lite - Visual Editor to Customize CSS](https://wordpress.org/plugins/microthemer/)
 * [Support Threads](https://wordpress.org/support/plugin/microthemer/)
 * [Active Topics](https://wordpress.org/support/plugin/microthemer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/microthemer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/microthemer/reviews/)

## Tags

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

 * 1 reply
 * 2 participants
 * Last reply from: [Themeover](https://wordpress.org/support/users/bastywebb/)
 * Last activity: [1 year, 7 months ago](https://wordpress.org/support/topic/edit-css-in-active-styles-css-directly/#post-18166711)
 * Status: not resolved