Docs

[Alyssa K]

Hi,

Would it be possible to get the CSS code for a custom content background color? As opposed to just choosing from light and dark?

Thanks,
Alyssa

[Rad]

Hi Alyssa,

Thanks for dropping by.

You could do this by adding this css at your Customizer > CUstom > CSS :

body, .site {
background: #cccccc!important; /* #CCCCCC color */
}

Or just content background :

.site .entry-wrap {
background: #cccccc!important; /* #CCCCCC color */
}

And sidebar background too :

.site .x-sidebar {
background: #cccccc!important; /* #CCCCCC color */
}

Or just widget ul, ol

.widget ul, .widget ol {
background: #cccccc!important; /* #CCCCCC color */
}

Hope this helps.

[Burr F]

Hi,
This post helped me with starting out.

Is there a list of what x theme css accepts? I am basically new to it, I tried a lot of the “bg-color” and “background:” css snippets I could google and couldn’t generate results.

The above works for what I was looking for. How should I find the “.site” “.x-sidebar” and the “important;” information so I can begin customization of things? Should I have known that as “common css” (I guess I would need to read up somewhere) Or is there a place/way I can review what x-theme is using and what those parameters are.

I’ve found the areas where I can add “custom classes” but am still too new to understand how to use them correctly. A little reading up on my part there.

Any direction on this is appreciated.

Burr

[Rad]

Hi Burr,

You will need HTML/CSS lessons or tutorial, but that is beyond our support. Class name definition and styling were standard to all browsers and themes so it is not specific to x theme.

Hope this helps.

[Burr F]

ok, fair enough. But I don’t think that .x-sidebar will be found at w3c schools for instance.

Is there no reference for these things? As a newb, I have to dig through a lot of stuff to find that…

[Support]

Hi Burr,

You don’t need to find .x-sidebar on W3Schools you need to learn basic CSS like changing background, font, margin, padding et cetra.

You can find the CSS class index in our Knowledge Base

Thanks

[Burr F]

“””””””””””You can find the CSS class index in our Knowledge Base”””””””””””””

That was it. I appreciate the help with it…

[Rad]

Hi Burr,

You’re welcome.

[Alyssa K]

Hi,

Those codes did help a lot, thank you. The only things it isn’t changing is the footer widget and the top navigation menu.

[Alexander]

Hi Alyssa,

Could you provide a link to your site so we could take a look at this?

[Author]

Posts