How to edit shortcodes.CSS in Appearance>Editor?

  • artofhiking

    (@artofhiking)


    7 years, 9 months ago

    I am new to WP and have my site hosted with BlueHost and using a theme from ThemeForest. I am wanting to do a simple rgba edit in the shortcodes.css file and see the file in the locator bar under wp-content/themes/ but only see php files and the style.css file in the appearance>editor. Without having to FTP, is there a way to edit this file if it is not showing in the editor?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years, 9 months ago

    Install the plugin “simple custom CSS” or use the Jetpack “custom CSS” module and you’ll have a theme-safe way to update CSS.

    Thread Starter artofhiking

    (@artofhiking)

    7 years, 9 months ago

    I installed “simple custom CSS” and already have Jetpack in my theme. Both areas show the editor but I am missing how to find the actual file to show in the editor. File shows in locator as /wp-content/themes/css/shortcodes.css.

    MyThemeShop

    (@mythemeshop)

    7 years, 9 months ago

    Hi,
    As the file you would like to edit is a theme file, it is recommended to override that CSS code using the Simple Custom CSS plugin or Jetpack’s similar feature, to prevent losing your changes when the theme is updated. You could also create a child theme to make the modifications.
    If you really want to edit the file, try a plugin like this one: https://wordpress.org/plugins/wp-editor/ It replaces the editor under Appearance > Editor with a code editor that can edit all the theme files, unlike the default editor.
    Hope that helps.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years, 9 months ago

    no, do not edit that file. Add your CSS to the custom CSS option of jetpack and delete “simple custom css”. You don’t need both.

    The CSS you add in the Jetpack module will override the CSS from shortcodes.css.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to edit shortcodes.CSS in Appearance>Editor?’ is closed to new replies.