what CSS exactly are you trying to apply?
what is the full code of style.css of the child theme?
can you provide a link to your site?
are you using a browser inspection tool to clearly find out which styles you need to change for the background?
have you tried to use the ‘dashboard – appearance – background‘ option to set the background color of the site?
Hello alchymyth, thanks for your response appreciate it very much.
I am trying to change the background colour of the child theme.
The following is the code of the style.css:-
Theme Name: Twenty Twelve Child
Description: Twenty Fourteen Child Theme
Template: twentytwelve
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-twelve-child
*/
@import url(“../twentytwelve/style.css”);
background {
background-color: #000000;
}
I have been using Firefox along with Inspect Element with Firebug.
Also, I am able to go into ‘dashboard – appearance – background’ option and set the background. But how would I do it so it works in the style.css?
Thanks
Your problem is with the your statement.
background {
background-color: #000000;
}
What are you trying to change the background color on. The statement that you gave will do nothing. If you look at CSS rules for your site you will see they usually start with either a “.” or “#”.
The “.” is used to specify a class that you want to change the color on and the “#” is used to change an id. You can also use selectors like ul,li,body, and so on.
If you wanted to change your background color for the page you would use body{background-color:<<color value>>;.
if you wanted to change an element with an id of myelement you would use #myelement{background-color:<<colorvalue>>}
If you wanted to change an element that uses a class of myclass you would use the statement .myclass{background-color:<<colorvalue>>;
Background as you are presenting it is not a class,id, or selector so it will do nothing.
Hey mrtom414 thanks for your response. I was trying to change the background colour to the following: #B24747. But wanted to change it using style.css I tried using:-
background {
background-color: #B24747;
}
I also tried adding “.” & “#”. Yet still it wouldn’t work.
are you talking about the general background behind the site?
if the ‘dashboard – appearance – background’ option does not work, try:
body { background: #B24747!important; }
or exactly what other background are you referring to?
Hey, you are fricking awesome! Finally after long time we have got it working. Very strange on why it would work in the first place.
Thanks again mate appreciate it very much.
BTW, would you happen to know how to add border to the navigation menu and page?
