My SellerDeck Account | Newsletter | Free Trial

Community and Knowledge Base

  #1  
Old 29-Feb-2008, 11:01 AM
Ben Spiral Ben Spiral is offline
Registered User
Join Date: Feb 2005
Full Name: Ben Frain
Posts: 115
Thanks: 0
Thanked 0 Times in 0 Posts
Question How to remove bg image from PopUp - CSS specificity?

here is the site I am trying to correct

Click any of the product sections, and click the 'more info' link and a Pop Up window appears containing full product details. At standard size, the Popup appears fine, but it someone maximises the browser window the pop up is in, they get the background image of the main page below where the content (in this case the spec of the product) of the pop up finishes.

I have tried to fix this by giving the body of the Pop Up window an id="popup" in the page code and then specifying the following in the actinic.css

.popup html,body {
padding: 0px 0px 0px
margin-left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
background-image: none;
}

However, in Safari and Firefox I can still see the background image below the content - any ideas how I could fix this?
Reply With Quote
  #2  
Old 29-Feb-2008, 11:40 AM
leehack's Avatar
leehack leehack is offline
Moderator
Join Date: Nov 2005
Full Name: Lee Hackett
Posts: 15,218
Thanks: 224
Thanked 484 Times in 425 Posts
Override the body tag in the extended info layout with inline CSS is one way. The css you say you have added i cannot see as the same, perhaps it needs a refresh to update. Having said that, opening them as a popup is madness anyway, why not open them in the same window and have seamless nav, popups opening and having to be closed (if allowed in first place) is really crap IMO. Add to that they have to be resized and you have a very annoying concoction going on.
Reply With Quote
  #3  
Old 29-Feb-2008, 03:08 PM
Ben Spiral Ben Spiral is offline
Registered User
Join Date: Feb 2005
Full Name: Ben Frain
Posts: 115
Thanks: 0
Thanked 0 Times in 0 Posts
Lee, I agree with the popups - I advised against it but sometimes you just have to give the customer what they want, if you know what I am saying.

I'll try some inline CSS on the pop up page.

Take it you just mean adding...

<style type="text/css">
<!--
html,body {
padding: 0px 0px 0px
margin-left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
background-image: none;
}
-->
</style>

in the <head> section kind of thing?
Reply With Quote
  #4  
Old 29-Feb-2008, 03:33 PM
leehack's Avatar
leehack leehack is offline
Moderator
Join Date: Nov 2005
Full Name: Lee Hackett
Posts: 15,218
Thanks: 224
Thanked 484 Times in 425 Posts
That's what i would do yes, but i'd only have in the styles i wanted to get rid of or change, not all the other stuff. That still leaves me with one central place to style things then. Just the override stuff in other words.
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off



All times are GMT. The time now is 09:40 PM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.