[Debora GParticipant]

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

[Debora GParticipant]

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!

[Iris CMember]

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!

[alfred64Participant]

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?

[LelyModerator]

Hello Alfred,

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

Hope this helps.
Thanks.

[alfred64Participant]

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.

[ZeshanMember]

Hi there,

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

Thanks!

[bejuParticipant]

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 !

[MattModerator]

Hi Beju

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

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

Regards
Matt

[bejuParticipant]

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

[JadeModerator]

Hi Julien,

If you have the latest version of the child theme, your child theme directory should be themes/x-child/ where you could find the style.css file in there. There could be different reasons why the added CSS styles do not take effect in the frontend. We could check your site but kindly provide us with the URL so that we could assist you further.

Thanks for helping out Matt. 🙂

[bejuParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for the credentials, please move the custom css from your customizer to style.css file and add the body tag to the selector to add up on selector specificity value.

e.g.

body .x-navbar .desktop .x-nav li > a > span::after {
	content: "";
}

body .x-colophon.top {
	background-color: #ff7175;
}

What is Specificity?

Hope it helps, Cheers!

[bejuParticipant]

Hi !
thanks for the answer

Some of the rules worked after adding ‘body’
but some other are still not working if I don’t put them in the custom css :

body .x-widgetbar {
background-color: #461bdd;
box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.133);
color: #727272;
left: 25%;
right: 25%;
position: absolute;

}

body .widget ul li, .widget ol li {
background-color: #461bdd;
border-bottom: 1px solid #f2f2f2;
line-height: 1.5;
padding: 0.65em 0;
}

body .single-spectacles2016 .site > .x-header-landmark {
display : none;
}

/*fonts*/
body h1, body .h1 {
font-size: 325%;
line-height: 1.1;
}

body h4, body .h4 {
font-size: 150%;
}

body h5, body .h5 {
font-size: 125%;
}

/* FICHE SPECTACLE */

/*icon cacher bkgnd+border*/
body code {
border: 0;
background-color: transparent;
}

and this one work in chrome but not in firefox and safari…

body .x-navbar .desktop .x-nav li > a > span::after {

content: “”;

}

Do we need to be even more specific ??!!

Thanks
Julien

[bejuParticipant]

ok, me gain !
after multiple reloading, most of the css of the style.css childfile worked
(I guess they were stuck in the cache for a while)

but this one resists :

body .single-spectacles2016 .site > .x-header-landmark {
display : none;
}

how could I make it work ?!
thanks

[Author]

Posts