Question about CSS

Home Forums Sweetdate – WordPress General questions Question about CSS

This topic has 13 replies, 2 voices, and was last updated 10 years by Catalin.

  • Author
  • August 14, 2014 at 18:31 #25717
     alberhd
    Participant

    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!

    August 18, 2014 at 15:54 #25899
     alberhd
    Participant

    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??

    August 20, 2014 at 14:23 #26165
     Catalin
    Moderator

    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
    August 20, 2014 at 14:29 #26168
     alberhd
    Participant

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

    August 20, 2014 at 14:48 #26175
     Catalin
    Moderator

    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
    August 22, 2014 at 19:37 #26429
     alberhd
    Participant

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

    August 25, 2014 at 15:50 #26522
     Catalin
    Moderator

    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
    August 25, 2014 at 16:08 #26524
     alberhd
    Participant

    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;
}
    August 25, 2014 at 16:11 #26525
     alberhd
    Participant

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

    August 26, 2014 at 12:00 #26628
     Catalin
    Moderator

    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
    August 26, 2014 at 14:20 #26646
     alberhd
    Participant

    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?

    August 26, 2014 at 15:26 #26654
     Catalin
    Moderator

    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
    August 26, 2014 at 15:44 #26663
     alberhd
    Participant

    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

    August 26, 2014 at 15:45 #26664
     Catalin
    Moderator

    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
Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Question about CSS’ is closed to new replies.

Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.
wp-theme-installation-service

©2024 SeventhQueen - Powered by KLEO Theme

Terms & conditions | Privacy Policy

Log in with your credentials

Forgot your details?