PVII Support Forums + General Web Design, CSS, and Dreamweaver Discussions

slide out panel issue

(5 posts) (2 voices)

bizpat

offline
Member

I have done this a zillion times but I can't figure it out this time.

On a redesign of an older client, I am using a slide out panel for the contact form. It is an include in a header. When viewing the include, the closing X is visible, but when I use it on a page, the closing X isn't there, The upward arrow is there, so my paths are correct.

X lives here:
http://mountain-west-construction.com/2019includes/p7sop/img/close-dark.png
header include lives here
http://mountain-west-construction.com/2019includes/header.php

Page sample using the header, without the closing x lives here
http://mountain-west-construction.com/2019index.php

Any ideas?

Posted 1 week ago
Al Sparber

offline
PVII Team

If you used our page layout systems, you would have less CSS conflicts :-)

Find this rule in your SOP style sheet:

.sop-close img {
vertical-align: middle;
opacity: .5;
transition: all ease .5s;
}

Add max-width: none:

.sop-close img {
vertical-align: middle;
opacity: .5;
transition: all ease .5s;
max-width: none;
}

Posted 1 week ago
bizpat

offline
Member

"If you used our page layout systems, you would have less CSS conflicts :-)"

:-)

That did the trick! Thanks Al!

Posted 1 week ago
Al Sparber

offline
PVII Team

Glad I could help!

Posted 1 week ago
bizpat

offline
Member

Glad I could help!

You always do! :-)

Posted 1 week ago

You must log in to post.