Help - Search - Members - Calendar
Full Version: I can't add a different background to different pages?
HTMLHelp Forums > Web Authoring > Web Site Functionality
glamgirl
I am working on my website www.makeupartistjessie.com through blogger.com and I am having trouble change the background, though I was able to with other templates.




<b:if cond='data:blog.url == &quot;http://www.makeupartistjessie.com/p/portfolio.html#&quot;'>
<style>
body {
background-image: url(URL);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>


This is the code I am using. I want to change the other pages so that only the home page has the image I currently have. I want to make the other static pages to just be plain black. Nothing I do seems to even change the image at all. Any help is greatly appreciated!
Darin McGrew
I don't really know blogger, but it looks like you should have quote characters instead of " sequences, like this:

<b:if cond='data:blog.url == "http://www.makeupartistjessie.com/p/portfolio.html#"'>

And I don't think there should be a # at the end of your URL, like this:

<b:if cond='data:blog.url == "http://www.makeupartistjessie.com/p/portfolio.html"'>
glamgirl
QUOTE(Darin McGrew @ May 16 2015, 12:30 AM) *

I don't really know blogger, but it looks like you should have quote characters instead of " sequences, like this:

<b:if cond='data:blog.url == "http://www.makeupartistjessie.com/p/portfolio.html#"'>

And I don't think there should be a # at the end of your URL, like this:

<b:if cond='data:blog.url == "http://www.makeupartistjessie.com/p/portfolio.html"'>




I tried changing it, but still isn't working. sad.gif Thank you though!
glamgirl
I figured it out!

I just out this code:


<style type='text/css'>
body.custom-background

{background-color:#000;
background-image:url('http://2.bp.blogspot.com/-8Ie-H4DceX4/VVWmTdzpBuI/AAAAAAAAA0w/_wp0SRkhBQo/s1600/blog.jpg')
;background-repeat:repeat;background-position:top left;background-attachment:fixed;}
</style>

because it was forcing all the pages to have that one single background. Now I can give each page something different!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2024 Invision Power Services, Inc.