This topic has 10 replies, 4 voices, and was last updated 10 years by 
-
-
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
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?
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);
}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);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.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;
}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}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.
The topic ‘How to get the register box shadow gray transparent’ is closed to new replies.
