Customising overlay position

[eddie180]

I am just setting up my website to use eJunkie (currently working on a sandbox version, before transferring code to existing live site).



The overlay EJEJC_overlay, currently has Absolute positioning attributed to it, this is making the overlay background color start from part way across the screen from the left . The left edge coincides with the wrapper for the content of the page, the right edge of the wrapper covers the rest of the screen, so it looks lopsided.



I need to change the attribute to Fixed positioning to get it to show correctly (overlay covering whole screen), but cannot find how to do this using the customisation. I have already made a number of customisations - border.



Is there a way of changing the attribute from "Absolute" to "Fixed"?



An alternative would be to specify a width for the overlay so that it matches the width of the content wrapper on the page below it, I know you can specify the width of the cart, but is this possible for the overlay, and if so what is the "id="



Thanks in anticipation of any help.

[eddie180]

I have a second problem that perhaps somebody could help me resolve.



I have made a custom "View cart" button, the button is 175 x 35, but not all of the button is active, only the top half of the button is clickable.



I suspect that it is because I have made the button deeper.



Is there a way to change the active area so that all of the button is clickable?

[eddie180]

OK, sorted out my second problem - it was my fault, I used Absolute positioning for the button to place it, once I added a z-index it worked fine.





I still need some help on my first problem though - if anyone can help, I would be grateful.

[E-junkie_Guru]

Since E-junkie is a centrally-managed service shared in common among all our subscribed sellers, aside from CSS and our cart customization code, it's not possible to change the cart's default rendering for just one seller without applying that same change to the cart for all other sellers.



You would need to sort out how your site's CSS is affecting the cart overlay's appearance. You may find the tips on this help page useful for that task:

http://www.e-junkie.com/ej/trouble.buttons.cart-css.htm



If you're just concerned about the "dimming" effect that should cover your page behind the cart when the cart appears, you might just use cart-customization to reduce the opacity to 0 (effectively disabling the dimmed background entirely) or change the overlay color to white or something else that would blend into your site and make the cutoff less apparent:

http://www.e-junkie.com/ej/help.custom-cart.htm

[eddie180]

Thanks for your reply. i appreciate that you cannot change the rendering for just me:), I was not sure if it could be changed through the cart customisation.



I have found that it works perfectly in IE, it was Chrome that I was initially viewing it on, where the problem is apparent, it is the same on Firefox.



On IE the width of the overlay totally matches the content wrapper for the post on the page that contains the Buy Now button, when the cart is viewed. I have looked to see if a div has not been closed, causing the problem in Chrome, but cannot find one.



I guess I will have to live with it.