Posted 3 months ago #
Hi,
I'm using the Xoiletter theme. I like it, but I hate the gray colour shading effect that goes from top to bottom of each page in the background of the post.
Does anyone know which template in edit themes I might go to look for this, what I'm looking for, and get rid of it and change it to a plain white background.
My site is here http://myperfectpitch.com/
Thanks in advance.
Brian
Open style.css of your theme and edit line 79
body {
background: url("images/background-body.png") no-repeat scroll left top #CCCCCC;
font-family: 'Courier New',Verdana,Monaco,Arial,Times;
font-size: 62.5%;
line-height: 1.5em;
margin: 0;
padding: 0;
text-align: center;
}
The color #cccccc is a grey background .
Here you can find all HTML-color codes .
Posted 3 months ago #
Hi kostas,
I did that, changed #cccccc to #ffffff (white) in that part of style.css and refreshed a couple of pages, but nothing has changed.
There must be some sort of code wording for that graded shading effect that goes from top to bottom of all my post pages. What is that, and how do I alter it so each page background is either plain gray or plain white
Any ideas?
Brian
Posted 3 months ago #
.postbackground {
...
background: #ffffff url(images/background-post.png) repeat-x
...
}You need to take out the image reference as well, so the line defining the background would be
background: #ffffff;
Posted 3 months ago #
Hi cubecolour,
Postbackground already shows as #ffffff which is white, how does that relate to me wanting to get rid of graded grey?
The whole code is below, if that helps -
}
.postbackground {
width: 90%;
background: #ffffff url(images/background-post.png) repeat-x top left;
border: 1px solid #D0D0D0;
position: relative;
padding: 0;
height: auto;
margin: 0 14px;
display: block;
text-align: center;
Regards, Brian.
Posted 3 months ago #
You are defining a background image as well as the colour, so you need to remove the reference to the image. Perhaps you should have tried it before questioning it.
For a full explanation you can read about the background property on w3schools at http://www.w3schools.com/css/css_background.asp, Pay particuar attention to the paragraph headed background - shorthand property.
The body tag is responsible for your background color . It works to me with FF's firebug tool . Try to clear your browsers cache and/or F5 , it forces your browser to reload the CSS file .
Posted 3 months ago #
Well, I don't know which one worked - but it worked!!!
Thanks very much cubecolour and kostas.
Regards,
Brian.
You must log in to post.
