I lost my nifty image drop shadows when I customized the colors in Garland - Fluid Width theme
rogdawg - February 16, 2008 - 04:12
I added drop shadows to the images on my website, using an image and css, like this:
/*Styles*/
.img-shadow {
float:left;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}And the image file placed in a div, like:
<div class="img-shadow">
<a href="/drupal/?q=node/17"><img src="files/some_picture.jpg" alt="Picture Here"/></a>
</div>this was all working perfectly, until I customized the colors in the Garland theme that I am using.
I see that there is a comment at the top of the style sheet that reads:
* If you use a customized color scheme, you must regenerate it after
* modifying this file.
But I am not sure what this means. The styles that I listed above are still in the style sheet, but they no longer work in the site.
Can anyone advise me as to how to resolve this?
Thank you.
PS: There are two style sheets referenced on my site pages:
<style type="text/css" media="all">@import "/drupal/themes/garland/style.css";</style>
<style type="text/css" media="all">@import "/drupal/files/color/garland-6dab1f81/style.css";</style>They both contain the styles I listed above.
Look at your site ftp
Look at your site ftp directory. Look for the folder
files|color|garland-xccxgfxg(or similar)
This is not in the themes folder. It is below the drupal5.7 folder.
try copying style.css to this directory
Thank you for your reply
I figured it out. The styles I created were properly moved to the style.css file in the "files/color/garland-9a6656e9" directory but, the images I use as the drop shadow was not moved. So, all I had to do was move my drop shadows image to a place where the new style sheet could point to it and everything works perfectly.
Thank you for your help. I didn't spot the error until your post caused me to re-examine everything.
Thanks again.
rogdawg
Glad to help. I spent a few
Glad to help. I spent a few hours yesterday scratching my head trying to mod Garland until I figured it out.
In IE does not work...
I have used similar drop shadow -effect in my avatars.
In FF it works fine, but not in IE7.
I have tried to set up tables around pictures, but that does not help either.
What happens is that the node title goes "under the picture".
In FF node title nicely aligns with right border of the picture.
And even tables do not help.
I use Friendsforever and Drupal 5.3.
Many thanks for help in advance!
Harjoituspäiväkirja - www.lenkkivihko.fi