Question about CSS

[alberhd]

I am using this css to do transparent the register form,i like the border but how is possible put the border on the down part too?

.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);

Other question,what is the css that give the style to the members page,for the information box and with the avatar with the circle?

Thank you!

[alberhd]

Someone knows how can i do it? Thank you!

Other question: how can i delete the button “Cancel Membership” of paid membership pro of the users accounts??

[Catalin]

Hello,

I tested your code and you should replace “.form-footer” css line atributes with this:

COPY CODE

.form-footer {
background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.4);
border-bottom: 10px solid rgba(0,0,0,0.4) !important;
border-left: 10px solid rgba(0,0,0,0.4) !important;
border-right: 10px solid rgba(0,0,0,0.4) !important;

Let me know if this works.

Thank you,
Catalin

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

[alberhd]

Perfect! but is not transparent,how can i do it transparent?

[Catalin]

add this:

COPY CODE

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

.form-footer {
background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.1);
}

the last rule needs to be changed based on my previous reply ( from 0.4 to 0.1 )

Let me know if this works.

Thank you,
Catalin

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

[alberhd]

Works,but is not enough transparent like the other three parts,how can i do it more transparent?

[Catalin]

take a look here:

http://www.w3schools.com/cssref/css3_pr_opacity.asp

0 is full transparent.

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

[alberhd]

No,does not work sorry,this is the code

COPY CODE

.form-footer {
background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.4);
border-bottom: 10px solid rgba(0,0,0,0.4) !important;
border-left: 10px solid rgba(0,0,0,0.4) !important;
border-right: 10px solid rgba(0,0,0,0.4) !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);
}

.form-header, 
.form-search
{
   background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.4) !important;
}

.form-header
{
   border-top: 10px solid rgba(0,0,0,0.4) !important;   
   border-left: 10px solid rgba(0,0,0,0.4) !important;
   border-right: 10px solid rgba(0,0,0,0.4) !important;
  background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.4);
}

.form-search
{
     border-left: 10px solid rgba(0,0,0,0.4) !important;
     border-right: 10px solid rgba(0,0,0,0.4) !important;
}

[alberhd]

I know that you wrote on your code 0.1 but does not work,but only is not transparent the down bar

[Catalin]

I modified your code in your post… please add it to your style.css file and let me know if this works.

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

[alberhd]

I added but no,just changed the color to black, less the down bar that continue with the same color. I do not what is happening,i changed all the valours to 0.1 all change less this bar,maybe is possible do the transparency with photoshop and put on his place the new bar?

[Catalin]

add to .form-footer class opacity: 0.4; rule… let me know if it works.

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

[alberhd]

Maybe I put the code in a incorrect place but does not work,but dont worry because you are losing many time with me and i dont know what is happening,i have other two topics opened that are more important, if you can check please.

Thank you for your time

[Catalin]

it works on my side… I will take a look and answer to them as well. Topic closed.

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

[Author]

Posts