Posted 2 years ago #
Hi all,
I've spent some time styling my site from the original Kubrick Theme, but I can't get rid of these strange background lines.
See ... http://www.ianbrookesphotography.co.uk/blog/
I can see some auto generated code in the source but I've no idea of how to get rid of it, if thats the problem...
#page { background: url("http://www.ianbrookesphotography.co.uk/blog/wp-content/themes/default_ian/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }
Can anyone help?
Posted 2 years ago #
Looks to me that it is the background image you are using... there is probably a line on the edge of that and where it is repeating its putting lines across the page... maybe try a different background image?
Posted 2 years ago #
Try this one - http://www.blackeaglemedia.co.uk/random/bg1.jpg
Posted 2 years ago #
Thanks for that but it didn't work I'm afraid.
I'm pretty sure my orinial graphic was ok.
Posted 2 years ago #
It's definitely your background image... I've just done a test with just the background image repeated in an empty document...
Repeated background images only need to be 1px when gradient... try this - http://www.blackeaglemedia.co.uk/random/bg2.jpg
Posted 2 years ago #
Thanks, I'll try it now.
Posted 2 years ago #
Its not showing any background at all now, I think I'm going crazy!
Posted 2 years ago #
try this...
#page { background: url("http://www.ianbrookesphotography.co.uk/blog/wp-content/themes/default_ian/images/kubrickbg-ltr.jpg") repeat-x top; border: none; }
Posted 2 years ago #
scrap that...
Posted 2 years ago #
Finally working, thank you again for you help.
Posted 2 years ago #
it's odd... i've just looked at your stylesheet and it should be showing...
Posted 2 years ago #
although you have duplicate styles on the stylesheet, maybe there is a conflict...
Line 45
body {
font-size: 10px; /* Resets 1em to 10px */
font-family: 'Arial', Verdana, Arial, Sans-Serif;
background: #3E3E3E url('http://www.ianbrookesphotography.co.uk/blog/wp-content/themes/default_ian/images/bg1.jpg'); background-repeat:repeat-x;
color: #fff;
text-align: center;
}Line 433
body {
background-color: #161616;
background: #3E3E3E url('/images/bg1.jpg'); background-repeat:repeat-x;
margin: 0 0 0px 0;
padding: 0;
}
Posted 2 years ago #
I'll clean that css up too, thanks for pointing that out.
Posted 2 years ago #
No problems :)
Reminds me... I need to update my photography site at some point!
Posted 2 years ago #
hey everone, hope we are all doing well
I am trying to change the
kubrickbg-ltr.jpg
and
kubrickbg-rtl.jpg
to have a transparent bg rather than the grey line that is on them now
I have no problem editing the image, but i cant find the place in any files or css to change them to call .png rather than .jpg
any help would be great..thanks :)
Posted 2 years ago #
found it thanks :)
Posted 2 years ago #
"Finally working, thank you again for you help. "
and
"found it thanks :) "
are really good. Glad you've got it.
But WHAT WAS IT? Can we know too?
Posted 2 years ago #
Thanks for discussion
Posted 2 years ago #
I have just spent hours looking for the css reference to these background files kubrickbg-ltr.jpg , kubrickbg-rtl.jpg and kubrickbgwide.jpg .
As it turns out the reference to them is in the header.php in the default theme. If like me you were using search you would have missed them as the name is created dynamically using php.
If you want to use transparant images just change to .png and reuplaod new images. Hope this helps someone.
This topic has been closed to new replies.
