Problems with Picture Frames
-
As with the header question, you can see from http://bcphotoadventures.wordpress.com/, I have altered a lot of the template to better match our website. I have lost the nice drop shadow, however, around the photos in the blog. Can anyone tell me how to get them back. I checked the code, and I thought everything was there, but clearly I am missing something.
Thanks for any help you can offer,
TBC
The blog I need help with is: (visible only to logged in users)
-
This is hard to troubleshoot because in its current state we don’t see the drop shadow, so can’t track down what was creating it in the first place.
So, my suggestion is:
1. If you don’t already have it, get something like Firebug (why: see here: http://grahamwideman.wordpress.com/2009/01/23/firebug-essential-for-cssing-wordpress/),
2. Temporarily switch your blog back to the state where shadows did appear,
3. Inspect the CSS for images to see what’s applying the shadow.
That should give you a good idea how to apply it in your revised CSS.
— Graham
-
This is it:
.entry img {style.cs...33252950b (line 30) background:transparent url(img/shadow.gif) no-repeat scroll right bottom; border-color:#EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE; border-style:solid none none solid; border-width:1px medium medium 1px; padding:4px 10px 10px 4px; } -
And here it is without the stylesheet info after the opening {
`.entry img {
background:transparent url(img/shadow.gif) no-repeat scroll right bottom;
border-color:#EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
border-style:solid none none solid;
border-width:1px medium medium 1px;
padding:4px 10px 10px 4px; -
-
Hi TSP — are you saying you’ve figured out the problem?
Or just showing us the salient CSS, and if so this seems to be the user’s modified CSS, right?
If so, this is a way of doing drop shadow with an image rather than drop-shadow CSS (CSS which I thought was not quite implemented yet.)
Anyhow, *if* this is a technique like what was in the original theme CSS, then maybe this is what seems a common problem when going to user-provided CSS — the path to the images doesn’t seem to work the same, and thus images called by the original CSS don’t work. Might be good to try downloading the original shadow image, sticking it in the user’s file library, and calling if from there. Or maybe use an absolute path to the original image or something.
The other possibility is that the padding or whatever isn’t right to allow the background image to show through.
What do you think?
-
I am showing the part of the original Mistylook CSS that creates the drop shadows. It uses a gif.
I should also have included the absolute URL for the image which is: http://s3.wordpress.com/wp-content/themes/pub/mistylook/img/shadow.gif and it should be put into the CSS instead of the relative URL.
-
Ah-hah — gotcha. And if I view:
http://bcphotoadventures.wordpress.com/
.. and in Firebug substitute in:
transparent url(http://s3.wordpress.com/wp-content/themes/pub/mistylook/img/shadow.gif) no-repeat scroll right bottom… then the shadow appears. Looks like it’s an issue with the relative URL.
-
-
TSP,
Many thanks. Again, you saved my butt. When I first tried it, it still didn’t work, and I suspected the URL issue. We are framing for a show opening tomorrow, so I didn’t have time to write back. Now, it works, and it looks the way I had hoped it would.
One question, and that is you referred to a back tick. I am not sure what that is, as I have never used it in all the years I have done HTML. Again, sorry to be such a dolt.
Again, thank you!
Take care,
TBC
-
TSP,
Sorry, I should have rephrased that question. I see on the keyboard what I assume you call a back tick. My question should have been, “What function does it serve in HTML?”
One other issue, and that it that the comments box does not appear on the home page under the blog, yet when one clicks on the title, it is there. How do I make sure it also appears on the home page under this week’s article? Again, this is at http://BCphotoadventures.wordpress.com
Thanks,
TBC
-
The backtick has no function in HTML, but here in the forums, it tells the forum software to leave the stuff between the backticks alone and not interpret it. That way the code you post here in the forum will show up. Not too long ago, they also added the “code” tag which supposedly does the same thing I think.
The comment thing is how blogs work in general. You click on either the title, or on the “comments” link which in this case is at the end of the bottom metadata on the posts. If you think about it, if you have a post with 50 comments on it, people would have to scroll down a long ways to see the next post. I have a couple blogs I visit that can get 300 or more comments on a post, and that would be a long way to scroll. That is the main reason comments appear on the single post page after you click the comment link or the title.
-
TSP,
Thanks for the explanation. Terrific, as usual! I am used to “that other” blog format that has the comments below, but one can set things up so that only one blog appears per page and the comments have options, too.
Take care,
TBC
- The topic ‘Problems with Picture Frames’ is closed to new replies.
WordPress.com Forums 
