The CSS rules that are set up tell you what it is:
<style type="text/css" media="screen">
body { background-image: none; }
</style>
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #000000; background-image: url('http://jam-marketing.com/wp-content/uploads/North_Beach_Miami_Beach2.jpg'); background-repeat: repeat; background-position: top right; background-attachment: fixed; }
</style>
The body tag for that page doesn’t have the custom-background class attached to it, so there’s no background image showing up.
As for where that setting is in yor theme… i can’t help you with that one. It may be in there somehwere, but I have a feeling that it’s not going to be easy to find, if it’s there at all. You might want to check with the themes vendor about this as they’ll know more then us about how it’s put together.
So do you think there is a way to edit either the source code or use CSS to remedy this?
That’s up to you. Your header,hp file should add the body classes to the body tag, and if it doesn’t you should fix it so that it does. As an example…
<body <?php body_class (); ?>>
You can also modify your CSS code to add the background image into every page by just setting it to the body tag.
But… If you’re doing any of these changes you should be doing it in a child theme so your changes don’t get lost in a future update.
I’m still having trouble. I have the body tag, and it is still giving me the same issue.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
So you can’t override it in CSS?
I don’t know. What sort of code would I use to do so?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Like this for example:
html body.custom-background {
background: url('/wp-content/uploads/North_Beach_Miami_Beach2.jpg');
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If your theme doesn’t have a “Custom CSS” or similarly named option can you install this plugin to hold that CSS modification: http://wordpress.org/plugins/custom-css-manager-plugin/
Just threw that code into my custom css manager. Did nothing. Here’s how my css is currently configured.
.entry-meta {
display: none;
}
////
/#site-title {
/background: url("http://jam-marketing.com/wp-content/uploads/site-banner.png") no-repeat scroll 20px top transparent;
/height: 120px;
/width: 300px;
/}
////
#site-title a {
margin-left: 20px;
}
.hgroup-wrap {
padding-bottom: 0px;
padding-top: 0px;
}
html body.custom-background {
background-image: url('/wp-content/uploads/North_Beach_Miami_Beach2.jpg');
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Everything after this:
////
Will probably break
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Changed. Background still isn’t coming on though.
.entry-meta {
display: none;
}
/*
/#site-title {
/background: url("http://jam-marketing.com/wp-content/uploads/site-banner.png") no-repeat scroll 20px top transparent;
/height: 120px;
/width: 300px;
/}
*/
#site-title a {
margin-left: 20px;
}
.hgroup-wrap {
padding-bottom: 0px;
padding-top: 0px;
}
html body.custom-background {
background-image: url('/wp-content/uploads/North_Beach_Miami_Beach2.jpg');
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Ooops try this:
html body {
background-image: url('/wp-content/uploads/North_Beach_Miami_Beach2.jpg');
}
