As can be seen here: www.tyresoschack.se there is an overlay image that seeks 
to explain how to get the menu on the site. It's only displayed on the first 
visit.

It is styled, as far as I can understand with the following added directly to 
the template:

<div id="tip-overlay"></div>
   <style type="text/css">
      #tip-overlay {
      background: url("overlay-img.png") no-repeat scroll 87% 30px rgba(0, 0, 
0, 0.75);
      cursor: pointer;
      height: 100%;
      left: 0;
      opacity: 1;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 99999;
      }
   </style>

However as you can see the image is centered on the page rather than left 
aligned as it is here:  https://demo.gavick.com/joomla25/writer/

I've been fiddling with the code, but only managed to make the situation worse 
... Does anyone have an idea what can make the image left-aligned? I shold 
also mention that the image itself is the same width on the two sites.

/Martin S

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to