How can I edit the style.css file? – Themeco Community

How can I edit the style.css file?

Debora G — Tue, 29 Jul 2014 20:06:44 +0000

Hi, I’m quite new to X-theme. I’ve already set up some sites, using other themes. I’ve always succeeded in adapting the theme to my own taste and needs by editing in the style.css files. Usually simply by opening it in the WP-editor and adapting it.

When I do it with the Integrity Child theme, or even with the main theme, this is all I see:

Theme Name: X
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: An immensely powerful and endlessly customizable WordPress theme.
Version: 2.2.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: __x__

No codes, classes, styles. Do I need some autorisation?

I wanted to see, for instance, how I can change the colour of the text container on pages. Or font colours, sizes etc.

Hope you can help me with this.

Site link: http://nieuwesite.kusumayoga.nl

Thanks,
Debora

Reply To: How can I edit the style.css file?

Debora G — Wed, 30 Jul 2014 12:49:45 +0000

O.k, a little bit further in my quest to work with X I found this.
http://kusumayoga.nl/nieuwesite/wp-content/themes/x/framework/css/site/stacks/integrity-dark.css

But it’s almost impossible to read because it a lot of codes, no returns to enter a phrase.

Still, what I hoped for, was a theme where I would be capable of changing details without to much effort. i must be missing out something, sorry. But now I can only change things by pasting new classes in the Customizer-custom field.
But I don’t no how to write new classes. Only, with a lot of trial and error rewrite existing ones. 🙁

For instance, if i would like to change the background color of a text container on a page, what should I do. Or change the background color of the navbar. I did not find the answers on your tutorials.

Hope you will shine your light on this dark trail I’m on and guide me. Thanks!

Reply To: How can I edit the style.css file?

Iris C — Wed, 30 Jul 2014 14:57:41 +0000

Hi Debora,

Thanks for writing in!

You can find the style.css file in the child theme in this location \themes\x-child-integrity-light\style.css. This is where you can make all of your modifications to the corresponding theme, in this case Integrity Light.

Hope this helps. Cheers!

Reply To: How can I edit the style.css file?

alfred64 — Mon, 20 Apr 2015 20:15:21 +0000

Hi, I’m having the same problem. I don’t want to edit the child theme. I don’t have a child theme. I want to change a class called x-nav as it is doing something weird to my site which I want to change. However I can’t see the source code for the css that controls it as it has been minified by the looks of it and is unreadable. Any ideas?

Reply To: How can I edit the style.css file?

Lely — Tue, 21 Apr 2015 00:17:59 +0000

Hello Alfred,

You can add customize css in your Customizer via Appearance > Customize > Custom > CSS.

Hope this helps.
Thanks.

Reply To: How can I edit the style.css file?

alfred64 — Tue, 28 Apr 2015 13:37:24 +0000

Thanks for your reply, that allows me to change the css but I’m actually interested in finding out what the current css is for the x-nav class (otherwise I wouldn’t really know what to change to get the desired effect). The problem is the only place I can find that it is a bit scrambled and I can’t understand it.

Reply To: How can I edit the style.css file?

Zeshan — Tue, 28 Apr 2015 15:09:30 +0000

Hi there,

In that case, you can unminify the default CSS file using this online tool: http://unminify.com/.

Thanks!

Reply To: How can I edit the style.css file?

beju — Wed, 09 Mar 2016 18:22:51 +0000

Hi !
I’m also having problems modifying the css via the child theme : they just don’t appear when I’m checking it with firebug
I can do modifications via the custom panel but it’s not convenient for a lot of css

above, you said that the css file is \themes\x-child-integrity-light\style.css

I downloaded and I’m using the child theme but it’s \themes\x\style.css

I’m using the Renew stack, do I have to modify the name of my child theme folder to :
\themes\x-child-renew\style.css
for the change to be effective ?

Thanks !

Reply To: How can I edit the style.css file?

Matt — Wed, 09 Mar 2016 18:28:29 +0000

Hi Beju

You may find it helpful to read through and follow this:

https://community.theme.co/forums/topic/child-theme-updates/

Regards
Matt

Reply To: How can I edit the style.css file?

beju — Wed, 09 Mar 2016 19:50:07 +0000

Thanks Matt, but I’m using the latest child theme since I installed the theme yesterday…
regards
Julien