The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> I can't add a different background to different pages?, Help adding a different background to different pages.
glamgirl
post May 15 2015, 09:39 PM
Post #1





Group: Members
Posts: 3
Joined: 15-May 15
Member No.: 22,600



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post May 16 2015, 12:30 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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"'>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
glamgirl
post May 16 2015, 01:00 AM
Post #3





Group: Members
Posts: 3
Joined: 15-May 15
Member No.: 22,600



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
glamgirl
post May 16 2015, 01:04 AM
Post #4





Group: Members
Posts: 3
Joined: 15-May 15
Member No.: 22,600



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd April 2024 - 04:23 AM