Jump to content


Photo
- - - - -

Where do I go to add a background image?


  • Please log in to reply
17 replies to this topic

#1 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 08 February 2011 - 10:25 PM

Hi, I need to add a clickable background image. I'm good with how to do it, I just don't know which CSS file to edit to add my own image. Any Help?

#2 arpowers

arpowers

    Founder

  • Administrators
  • 3271 posts
  • LocationSan Francisco, CA
  • Framework Version:2.3
  • Country: Country Flag

Posted 09 February 2011 - 12:36 AM

Which theme? Can you use the custom css option or a child theme css file?

#3 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 09 February 2011 - 12:48 AM

Platform Pro.Custom CSS? Can you get me started? Or just direct me straight to the file that controls the background?

#4 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 09 February 2011 - 01:53 AM

Design Control in PlatformPro options.

Thanks, Bryan

#5 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 09 February 2011 - 03:56 PM

I don;t think you are understanding me. I need to crate a custom function with the background image. I need to make it a live link. I can't do that in design control. So I just need to know which CSS file would I find the code so that I can override and place my own image function there.

#6 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 09 February 2011 - 05:46 PM

the selector for the background will change depending on what design mode you are using. Do you have a link to your site?

#7 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 09 February 2011 - 05:53 PM

It's a client site, so I'd rather not. However, it is set up (same design mode) the same as one of my sites here:

Please Login or Register to see this Hidden Content



#8 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 09 February 2011 - 06:32 PM

Okay on that site your background is at: ` .canvas #page, .full_width #page, body.fixed_width { background-image: url("http://124bpms.com/wp-content/uploads/2011/02/1081959212.jpg"); } ` so you that selector to define your rule. ` .home-page.canvas #page, .home-page.full_width #page, body.home-page.fixed_width { background-image: none; } `

#9 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 09 February 2011 - 06:40 PM

Wonderful! Thank you. It is working fine on the client's site. I think I can can take it from here to make it linkable, Great help. Thanks again!

#10 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 09 February 2011 - 06:46 PM

OK, maybe not. Any help with making it linkable?

#11 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 10 February 2011 - 07:57 AM

You can't link a background. Instead you might need to use like a transparent overlay gif. This should give you some ideas of what I mean:

Please Login or Register to see this Hidden Content

Thanks, Bryan

#12 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 10 February 2011 - 04:59 PM

Thanks Brian. Got that. However, I am having a problem with the previous suggestion. It only shows the background image on the home page, not any others. I need it to display on all pages. Can you tell me what I need to add?

#13 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 10 February 2011 - 06:05 PM

I'm confused at this point. I thought you wanted the image on the home page. How did you plan on linking the background initially?

#14 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 11 February 2011 - 07:19 AM

I did just want it as the background for the home page. I wanted it as the background image cross all of the pages, just any other background image would be. As far as linking it, I used Brian's suggestion and have that part covered, except now I only have the background on the home page and not throughout the site like normal and I have an empty area where the background should be, that is linked.

#15 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 11 February 2011 - 01:34 PM

I got iy figured out. I just needed to add .page.canvas #page,

#16 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 11 February 2011 - 01:51 PM

So now I'm sitting here wondering why that background image is IN the featured slider and throwing off the video embeds. What I did had nothing to do with the featured slider. I really don't understand this.

#17 eborg9

eborg9

    Advanced Member

  • Members
  • PipPipPip
  • 41 posts

Posted 11 February 2011 - 01:53 PM

Never mind, that was my fault.

#18 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 11 February 2011 - 05:29 PM

Harold, so are you good to go?