This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Custom CSS

  • Creator
    Topic
  • #8489
    morganch
    Participant

    Hello!
    I’ve always modified a theme’s style sheet from within WordPress Editor — It doesn’t seem this theme gives me that option..
    How do I set up the style sheet so that it can be modified from within WordPress?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Author
    Replies
  • #8490
    Jason Bobich
    Keymaster

    Hello,

    If you’re just doing simple changes, you can place them in your Custom CSS option on your Theme Options page. However, if you’re looking to make many edits, I would setup a Child theme. Checkout this video, and it will walk you through this along with a cool plugin you can use to edit all of the custom CSS from your WordPress Editor with how the theme’s sample child theme is configured.

    http://vimeo.com/41331677

    #9052
    morganch
    Participant

    HI Jason,

    I’ve installed the parent and child theme in WordPress (as well as the editor you recommend in the previous post)
    What I now notice in my child theme under assets, where my custom css would be, is a red x by the CSS and Images.. (see screenshot)
    http://tinypic.com/r/2nvfpeh/5

    Any clue what /why this could be??

    #9053
    Jason Bobich
    Keymaster

    Hello,

    I’m not sure what the red x’s mean in the plugin’s UI. I haven’t used the plugin in awhile. Does this actually effect you being able to save and update the custom.css file? I just tried the plugin and I see the red x’s, too, but it doesn’t effect saving the file at all on my end.

    Here’s the support forum for this plugin:

    http://wordpress.org/support/plugin/wp-editor

    And a contact form for the plugin author:

    http://wpeditor.net/support/

    #9058
    Jason Bobich
    Keymaster

    I posted to the plugin author on Twitter if you want to see the conversation:

    https://twitter.com/jasonbobich/status/347461436198490112

    #9076
    morganch
    Participant

    Great! Thanks for getting back to me…

    At this point I don’t see where it might be affecting anything in the CSS, I just wanted to make sure I wouldn’t come into problems down the road.

    #9083
    Jason Bobich
    Keymaster

    Yeah, all it means is that you cannot create completely new files in those directories through the plugin’s UI. So, nothing to worry about.

    #11449
    melanieeasterling
    Participant

    How do I find the primary styles can be found in /assets/css/theme.cps */ in my word press dashboard?

    #11451
    Jason Bobich
    Keymaster

    How do I find the primary styles can be found in /assets/css/theme.cps */ in my word press dashboard?

    You could use a plugin like WP Editor plugin: http://wordpress.org/plugins/wp-editor/

    But honestly this really isn’t how I’d go about trying to find CSS changes. This can quickly turn into a nightmare. I would use an inspector like Firebug or Google Chrome’s built-in one to locate what CSS in the theme is currently effecting whatever you’re trying to change. Then write your own overriding CSS from your custom stylesheet.

    ========

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.