How to get the register box shadow gray transparent

[edbrems]

Thank you for your help so far the site is coming along day by day making my changes. But I’m looking to see how I can get this box ( http://clip2net.com/s/6EYnZK ) the register box shadow gray transparent instead of blue or the patterns but to look more like the color here in this photo ( http://clip2net.com/s/6EYrFj ) When I’m all done I will post some pics on here to show the site but for now it’s still a work in progress Again Thank You

[edbrems]

I saw your fix for most of this on another fix using

.form-search, .form-header {
background: none repeat scroll 0 0 rgba(31, 168, 209, 0.1);
}

but what do I have to put in for the Carousel to match?

[frenzzy]

This reply has been set as private.

[edbrems]

what do I have to put in for the Carousel to match?

[anonim_2m]

put this code in Quick css

.form-header {
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
border-top: 1px solid rgba(255,255,255,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.form-search, .form-header {
background: rgba(255,255,255,0.4);
}
.form-search {
box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,0.2);
}
.form-footer {
background: rgba(255,255,255,0.2);
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
color: #777777 !important;
}
.form-search .notch {
position: absolute;
bottom: -10px;
left: 20px;
margin: 0;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
padding: 0;
width: 0;
height: 0;
}
.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
border: 1px solid rgba(255,255,255,0.2);
}
.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type=”text”], .form-search.custom input[type=”password”], .form-search.custom select {
background-color: rgba(255,255,255,0.2);
}
.form-footer {
background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(255,255,255,0.2); !important;
border-bottom: 10px solid rgba(255,255,255,0.2);

box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
border-left: 10px solid rgba(255,255,255,0.2);
border-right: 10px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,0.2);
}

[edbrems]

Thank You anonim_2m I used Some of the code you provided I changed it some to look right more for my site But I still have 2 things that I need to address

1. I have a Blue Border going around the Search Box. I would like that gone.
2. The bottom of the rounded profile pic in the carousel is cut off. How to show the whole Pic?

I have this Image to illustrate how it looks. ( http://clip2net.com/s/6GkRej )

And This is the Code I Used so far Any help is appreciated. Thank You

.form-search, .form-header {
background: rgba(0,0,0,0.4);
}

.form-footer {
background: rgba(0,0,0,0.4);
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
color: #000000 !important;
}
.form-search .notch {
position: absolute;
bottom: -10px;
left: 20px;
margin: 0;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
padding: 0;
width: 0;
height: 0;
}
.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
border: 1px solid rgba(0,0,0,0.4);
}
.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type=”text”], .form-search.custom input[type=”password”], .form-search.custom select {
background-color: rgba(0,0,0,0.4);
}
.form-footer {
background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.4); !important;
border-bottom: 10px solid rgba(0,0,0,0.4);

[Abe]

Hi, Remove the styles for border applied to .form-search and .form-header and add this

.form-search, .form-header {
border: none;
}

for images try:

.form-footer img {
min-height: 94px;
min-width: 94px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[edbrems]

I tried Both but nothing Changed

[edbrems]

I just saw one of your post and tried that code it worked for the border and a lot easier code also but the bottom of the avatar is still cut off

.form-search, .form-header, .form-footer {
background: rgba(0,0,0,0.5);
border: none;
}

[edbrems]

Thank You All for your help It got me most of the way the rest I learned on this website
( http://www.codecademy.com/ )

This is the code result I came up with for a ” Shadow Transparent with no Border ”

.form-search, .form-header, .form-footer { background: rgba(0,0,0,0.5); border: none; }
.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type=”text”], .form-search.custom input[type=”password”], .form-search.custom select {background-color: rgba(0,0,0,0.4);}
.form-wrapper .carousel-profiles {max-height: 110px}

[Abe]

Great. We are glad you figured it out yourself.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts