Editing Template's CSS

  • Resolved steelbydesign

    (@steelbydesign)


    11 years, 9 months ago

    I’m pretty new to wordpress. I’ve done a few simple HTML websites though. I found a template I like for the most part but am trying to edit some of the stuff to really look how I want it to.

    My site is http://www.steelcityblitz.com

    You can see a design comp I did, of what I’m trying to accomplish here… http://i.imgur.com/OdYHhc0.jpg

    So the things I really want to change are having the background image only in the top area… Remove the white stripe that’s behind the navigation buttons, and if possible put some CSS3 effects on some of the text.

    I’d have thought all of those things should be relatively simple, but I don’t even know how to get to the CSS to edit it. When I go to edit under appearance, this is what I’m seeing there…

    Xin WordPress Theme, Copyright (C) 2013 Stephen Cui
------------------------------------------------------------------ */
/* Surprised to see empty stylesheet? Please note that Xin Magazine
 * uses minified verion of stylesheet. The source is located on
 * dev/xinmag.css. You may use one of the follow options:
 * 1. Save Custom CSS in Theme Options
 * 2. Create a Child Theme. Xin Magazine will include Child Theme's
 * style.css automatically.
------------------------------------------------------------------ */

    I don’t understand what a child theme is.

Viewing 1 replies (of 1 total)
  • CrouchingBruin

    (@crouchingbruin)

    11 years, 9 months ago

    You can find instructions for creating a child theme here. However, if the theme already has a Custom CSS option, then you shouldn’t need to create one, all you need to do is to add your own CSS that overrides the existing CSS. Use a web debugging tool like Firebug or Chrome Developer Tools to find out what CSS rules are affecting the elements you are interested in changing, and then just add your own rule using the same selector. The way most Custom CSS options are set up, your custom CSS will come after the theme’s default CSS, so the properties in any rule you create with the same selector will override any identical properties in rules with the same selectors (or same specificity).

Viewing 1 replies (of 1 total)

The topic ‘Editing Template's CSS’ is closed to new replies.