[Pro] Image Shadow?

I’m using the following code in a Perch CSS to create a shadow on the page I linked below. Is there anyway to set this up as a style that can be applied to photos throughout my site? If so, how would one accomplish that?

.hentry img {
	margin-top: 20px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 12px #666;
	margin-bottom: 10px
}

http://rcb.idealynx.com/news.php


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So, can this be done?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So, can this be done?

In Perch or in FW

ie in FW to affect Perch items or in Perch to affect FW items.

If you can give us a bit more info…

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Dave. In Freeway Pro to affect FW items.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Like this

http://www.deltadesign.co/FW6Test/pagediv-toggle-c.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You really need to stop making this look so easy. :slight_smile:

Yes, like that.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In FW create a new style

.hentry img in the Tag field, Tab into the Name field and delete whatever FW has helpfully added for you.

Now in the extended section add the other values of margin etc.

Back in the main window choose one of the standard styles (I chose Font Verdana) it may be that unless you have something in the main window that the rest doesn’t stick. Used to be in 5.

OK out of the dialogues making sure that something hasn’t crept back into the Name field.

Now that you have created the style you need to apply it.

Do this by selecting your container that will have the image in it and use Item > Extended to add class: hentry to the Div

Preview to see if it works.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

And of course instead of

margin-top: 20px

and margin-bottom: 10px

you can have

margin: 20px 0px 10px 0px;

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I must be doing something wrong. I just tried it on the large photo on this page and it’s not working. BTW, I’m using FWP 6.

http://rcb.idealynx.com/about.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I must be doing something wrong

Did you add the class hentry to the containing Div

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, but my dialog box isn’t the same as yours. It doesn’t have the tab.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You are applying to the

element not the image.

The type of dialogue box depends on the type of container that you have imported the image into.

How did you import your image?

If you select your Div “copy” and apply the class to that then any image in there will get the attributes from the style.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Like this


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, thats what I’m trying to do but the div is not getting uploaded.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You are applying to the

element not the image.

The type of dialogue box depends on the type of container > that you have imported the image into.

How did you import your image?

If you select your Div “copy” and apply the class to that then > any image in there will get the attributes from the style.

D

I insert a Graphic item inside of an HTML item, then imported a pass-trhough .jpg image. I just tried applying the class to the tab of the Extended Attributes and it worked fine.

How should I be importing images to get the dialog box you had?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

How should I be importing images to get the dialog box you had?

That was a standalone graphic item with an imported image but you don’t need to have the same dialogue box for it to work. As I suspect you have discovered.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options