adding extra custom css file to balance theme

[SonofColl]

Hi

I have been trying unsuccessfully to add and extra stylesheet to the balance theme I intend to use on my site.

I have looked at several explanations, either I don't understand or they don't work, including wp_enqueue_style.

I can't figure out how to get the theme to call the css file and use it along side the default existing stylesheet.

I just want to tweek a few styles to overwrite the default, but I would rather do it in a separate file because it is easier to edit.

Many thanks
Richard

[nutsandbolts]

You could always install a plugin like My Custom CSS, which will do the same thing but without the hassle of figuring out how to call the custom stylesheet. Alternately, if you use Jetpack on your site, it has a custom CSS option built in.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[SonofColl]

I suppose I could use plugins. But i would rather avoid it. Plugins can become unsupported forgotten, like My Custom CSS.
There may come a time when they don't work.

I can't find out how the themes own stylesheet is called. I looked at functions php, it's not there.

If I could find that maybe I could do it by copying it for a new style sheet. But there would be issues over which style sheet overwrites the other.

There must be a way of doing this. But if I can't find it I will have to use a plugin I guess.

[nutsandbolts]

There's really no compelling reason to preserve the child theme's stylesheet. Genesis child themes never update - only the framework. Any new versions of a child theme (like the recent Pro themes) are considered a completely different theme; they have to be installed separately using the zip file. You will never ever see an upgrade nag for your child theme in the WP dashboard.

Since all functionality is contained within Genesis and the child theme is just a paint job, you never have to worry about your child theme files changing unless you just decide you want to use another theme. And if you ever needed the "stock" stylesheet for anything, it's available in your theme's zip file.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[SonofColl]

This is did not know, about the child themes, I read somewhere that child themes do update along with the stylesheet.
That they don't, as you say, is reassuring

But such a file as large as the themes css means, finding the specific lines I want to change takes time. Especially as you cannot be sure how any changes will affect the pages appearance. It involves a lot of back and forth, adjusting and searching.
Even when using something like firefox's inspect element function to help.

I thought it would just be easier to make a new smaller stylesheet and have it override some of the lines in the original.

Either that or somehow make it easier to find the specific lines I want to change in the themes own css file. But I have not found anything that will help me do that.

So it looks like Jetpack for me.

Thanks for your help
Richard

[nutsandbolts]

You can search within the stylesheet under Appearance > Editor. Just click inside the editor box and hit Command-F (or Control-F if you use a PC) and you can search for whatever you're looking for. That's how I navigate through my stylesheet quickly.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts